:root{--mlr5-blue:#0064FF;--mlr5-cyan:#00CBFF}

.mlr5-slider{
 position:relative!important;width:100%!important;height:500px!important;min-height:500px!important;
 overflow:hidden!important;isolation:isolate!important;border-radius:15px!important;
 background:linear-gradient(115deg,#0064FF 0%,#007DFF 28%,#00A8FF 62%,#00CBFF 100%)!important;
 color:#fff!important;font-family:"Manrope",sans-serif!important;
}
.mlr5-slider *{box-sizing:border-box}
.mlr5-track{position:relative!important;width:100%!important;height:100%!important}
.mlr5-slide{
 position:absolute!important;inset:0!important;display:grid!important;
 grid-template-columns:47.5% 52.5%!important;align-items:center!important;
 padding:42px 5.45% 65px!important;opacity:0!important;visibility:hidden!important;
 pointer-events:none!important;transform:translateX(15px)!important;
 transition:opacity .45s ease,transform .5s ease,visibility .45s!important;
}
.mlr5-slide.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;z-index:2!important}
.mlr5-copy{position:relative!important;z-index:10!important;max-width:610px!important}
.mlr5-eyebrow{
 display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 19px!important;padding:0!important;
 color:var(--mlr5-cyan)!important;font:800 12px/1 "Manrope",sans-serif!important;
 letter-spacing:.22em!important;text-transform:uppercase!important;
}
.mlr5-eyebrow:before{content:""!important;width:25px!important;height:2px!important;border-radius:2px!important;background:var(--mlr5-cyan)!important}
.mlr5-heading{
 margin:0!important;padding:0!important;color:#fff!important;
 font:700 clamp(43px,4.25vw,62px)/.98 "Bricolage Grotesque",sans-serif!important;
 letter-spacing:-.055em!important;
}
.mlr5-heading span{color:#9eeafa!important}
.mlr5-text{margin:25px 0 25px!important;padding:0!important;max-width:580px!important}
.mlr5-text p{margin:0!important;padding:0!important;color:rgba(255,255,255,.78)!important;font:500 16px/1.65 "Manrope",sans-serif!important}
.mlr5-actions{margin:0!important;padding:0!important}
.mlr5-primary,.mlr5-primary:visited,.mlr5-primary:hover,.mlr5-primary:focus{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:133px!important;max-width:none!important;height:48px!important;min-height:48px!important;
 margin:0!important;padding:0 20px!important;border:0!important;border-radius:10px!important;
 background:#087cf2!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;
 font:800 14px/1 "Manrope",sans-serif!important;
}
.mlr5-primary:hover{background:#078fe0!important;transform:translateY(-1px)}
.mlr5-chips{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 27px!important;margin:27px 0 0!important;padding:0!important;list-style:none!important}
.mlr5-chips li{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.83)!important;white-space:nowrap!important;font:600 12px/1.2 "Manrope",sans-serif!important}
.mlr5-tick{color:var(--mlr5-cyan)!important;font-size:14px!important;font-weight:800!important}

.mlr5-media{position:relative!important;width:100%!important;height:405px!important;z-index:5!important}
.mlr5-media:before{
 content:""!important;position:absolute!important;width:370px!important;height:370px!important;
 left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;
 box-shadow:0 0 0 40px rgba(255,255,255,.018),0 0 80px rgba(2,166,213,.12) inset!important;
}

/* Larger and tighter three-bottle composition */
.mlr5-vial{
 position:absolute!important;display:block!important;
 animation:mlr5-float 4.2s ease-in-out infinite!important;
 will-change:transform!important;
}
.mlr5-vial img{
 display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
 margin:0!important;padding:0!important;border:0!important;
 filter:drop-shadow(0 22px 18px rgba(0,0,0,.30))!important;
}

/* Bigger than v5 and pulled toward the center */
.mlr5-vial-1{
 width:195px!important;height:315px!important;
 left:9%!important;top:53px!important;
 transform:rotate(-7deg)!important;z-index:2!important;
 animation-name:mlr5-float-left!important;
}
.mlr5-vial-2{
 width:270px!important;height:405px!important;
 left:50%!important;top:-4px!important;
 transform:translateX(-50%)!important;z-index:4!important;
 animation-name:mlr5-float-center!important;
}
.mlr5-vial-3{
 width:195px!important;height:315px!important;
 right:9%!important;top:53px!important;
 transform:rotate(7deg)!important;z-index:2!important;
 animation-name:mlr5-float-right!important;
}

/* Continuous gentle vertical floating. Horizontal/rotation positions stay fixed. */
@keyframes mlr5-float-left{
 0%,100%{transform:translateY(0) rotate(-7deg)}
 50%{transform:translateY(-18px) rotate(-7deg)}
}
@keyframes mlr5-float-center{
 0%,100%{transform:translateX(-50%) translateY(0)}
 50%{transform:translateX(-50%) translateY(-22px)}
}
@keyframes mlr5-float-right{
 0%,100%{transform:translateY(0) rotate(7deg)}
 50%{transform:translateY(-18px) rotate(7deg)}
}

.mlr5-lines{
 position:absolute!important;inset:-15%!important;z-index:-1!important;opacity:.14!important;
 background-image:linear-gradient(30deg,transparent 49.3%,rgba(255,255,255,.25) 49.5%,transparent 50%),
 linear-gradient(150deg,transparent 49.3%,rgba(255,255,255,.20) 49.5%,transparent 50%)!important;
 background-size:310px 245px!important;
 mask-image:linear-gradient(90deg,transparent 32%,#000 70%)!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 32%,#000 70%)!important;
}

/* Keep the exact v5 navigation */
.mlr5-controls,.mlr5-controls *, .mlr5-controls button{box-sizing:border-box!important}
.mlr5-controls{
 position:absolute!important;left:5.45%!important;bottom:27px!important;z-index:50!important;
 display:flex!important;align-items:center!important;width:auto!important;height:36px!important;min-height:36px!important;
 margin:0!important;padding:0!important;gap:13px!important;
}
.mlr5-controls button{font-family:"Manrope",sans-serif!important;text-transform:none!important;letter-spacing:normal!important;text-align:center!important;vertical-align:middle!important}
.mlr5-control,.mlr5-control:hover,.mlr5-control:focus,.mlr5-control:active{
 appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;
 flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;
 height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;
 border:1px solid rgba(255,255,255,.34)!important;border-radius:50%!important;outline:none!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;
}
.mlr5-control:hover{border-color:rgba(255,255,255,.72)!important;background:rgba(255,255,255,.06)!important}
.mlr5-control svg{display:block!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mlr5-indicators{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:4px!important;min-height:4px!important;margin:0!important;padding:0!important;gap:8px!important}
.mlr5-indicator,.mlr5-indicator:hover,.mlr5-indicator:focus,.mlr5-indicator:active{
 appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:block!important;
 flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;
 height:4px!important;min-height:4px!important;max-height:4px!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:20px!important;outline:none!important;background:rgba(255,255,255,.28)!important;
 background-image:none!important;box-shadow:none!important;color:transparent!important;cursor:pointer!important;overflow:hidden!important;
}
.mlr5-indicator span{display:block!important;position:absolute!important;left:0!important;top:0!important;width:0!important;height:4px!important;border-radius:20px!important;background:var(--mlr5-cyan)!important}
.mlr5-indicator.is-active span{width:100%!important}

@media(max-width:980px){
 .mlr5-slider{height:500px!important;min-height:500px!important}
 .mlr5-slide{grid-template-columns:48% 52%!important;grid-template-rows:1fr!important;align-items:center!important;padding:30px 4% 62px!important}
 .mlr5-copy{max-width:100%!important;min-width:0!important;padding-right:8px!important}
 .mlr5-media{height:280px!important;margin-top:0!important;min-width:0!important}
 .mlr5-vial-1{width:105px!important;height:166px!important;left:0!important;top:57px!important}
 .mlr5-vial-2{width:145px!important;height:218px!important;left:50%!important;top:27px!important}
 .mlr5-vial-3{width:105px!important;height:166px!important;right:0!important;top:57px!important}
 .mlr5-media:before{width:235px!important;height:235px!important}
}
@media(max-width:600px){
 .mlr5-slider{height:500px!important;min-height:500px!important;border-radius:13px!important}
 .mlr5-slide{grid-template-columns:48% 52%!important;grid-template-rows:1fr!important;padding:25px 15px 58px!important}
 .mlr5-eyebrow{font-size:9px!important;gap:6px!important;margin-bottom:12px!important;letter-spacing:.16em!important}
 .mlr5-eyebrow:before{width:17px!important}
 .mlr5-heading{font-size:clamp(27px,8.3vw,38px)!important;line-height:.98!important;letter-spacing:-.05em!important}
 .mlr5-heading span{color:#fff!important}
 .mlr5-text{margin:15px 0 16px!important;max-width:100%!important}
 .mlr5-text p{font-size:11px!important;line-height:1.5!important}
 .mlr5-primary{height:40px!important;min-height:40px!important;min-width:108px!important;padding:0 14px!important;border-radius:8px!important;font-size:11px!important}
 .mlr5-chips{gap:7px!important;margin-top:14px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;white-space:nowrap!important}
 .mlr5-chips li{font-size:7.5px!important;gap:3px!important;flex:0 0 auto!important}
 .mlr5-tick{font-size:10px!important;flex:0 0 auto!important}
 .mlr5-media{height:245px!important;width:100%!important}
 .mlr5-vial-1{width:82px!important;height:130px!important;left:0!important;top:58px!important}
 .mlr5-vial-2{width:128px!important;height:192px!important;left:50%!important;top:21px!important}
 .mlr5-vial-3{width:82px!important;height:130px!important;right:0!important;top:58px!important}
 .mlr5-media:before{width:190px!important;height:190px!important}
 .mlr5-controls{left:50%!important;right:auto!important;bottom:15px!important;transform:translateX(-50%)!important;gap:9px!important}
 .mlr5-control,.mlr5-control:hover,.mlr5-control:focus,.mlr5-control:active{
  flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
 }
 .mlr5-indicators{gap:5px!important}
 .mlr5-indicator,.mlr5-indicator:hover,.mlr5-indicator:focus,.mlr5-indicator:active{
  flex-basis:20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;
 }
}
/* V12 visibility refinements */
.mlr5-slider .mlr5-title,
.mlr5-slider .mlr5-title *,
.mlr5-slider h1,
.mlr5-slider h2,
.mlr5-slider h3 {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.mlr5-slider .mlr5-btn,
.mlr5-slider .mlr5-button,
.mlr5-slider a.mlr5-btn {
  background:#fff!important;
  background-image:none!important;
  color:#0064FF!important;
  border-color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}

.mlr5-slider .mlr5-btn:hover,
.mlr5-slider .mlr5-button:hover,
.mlr5-slider a.mlr5-btn:hover {
  background:#fff!important;
  color:#0064FF!important;
  border-color:#fff!important;
  transform:translateY(-2px);
}

/* V13: force CTA button colors */
.mlr5-slider .mlr5-actions a,
.mlr5-slider .mlr5-actions a.mlr5-btn,
.mlr5-slider a.mlr5-btn,
.mlr5-slider .mlr5-btn {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#0064FF!important;
  -webkit-text-fill-color:#0064FF!important;
  border:1px solid #fff!important;
  border-color:#fff!important;
}

.mlr5-slider .mlr5-actions a:hover,
.mlr5-slider .mlr5-actions a.mlr5-btn:hover,
.mlr5-slider a.mlr5-btn:hover,
.mlr5-slider .mlr5-btn:hover {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#0064FF!important;
  -webkit-text-fill-color:#0064FF!important;
  border-color:#fff!important;
}

/* V16: Mobile stacked layout. Product vials on top center, text centered below. Desktop untouched. */
@media(max-width:767px){
 .mlr5-slider{height:620px!important;min-height:620px!important;border-radius:13px!important}
 .mlr5-slide{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  grid-template-columns:none!important;padding:22px 18px 70px!important;text-align:center!important;
 }
 .mlr5-media{order:1!important;flex:0 0 auto!important;width:100%!important;max-width:330px!important;height:250px!important;margin:0 auto 14px!important}
 .mlr5-media:before{width:205px!important;height:205px!important}
 .mlr5-vial-1{width:92px!important;height:146px!important;left:4%!important;right:auto!important;top:62px!important}
 .mlr5-vial-2{width:145px!important;height:218px!important;left:50%!important;top:14px!important}
 .mlr5-vial-3{width:92px!important;height:146px!important;right:4%!important;left:auto!important;top:62px!important}
 .mlr5-copy{order:2!important;width:100%!important;max-width:460px!important;margin:0 auto!important;padding:0!important;text-align:center!important}
 .mlr5-eyebrow{justify-content:center!important;font-size:10px!important;margin-bottom:12px!important}
 .mlr5-heading{font-size:clamp(30px,8.6vw,40px)!important;text-align:center!important}
 .mlr5-text{margin:14px auto 18px!important;max-width:100%!important}
 .mlr5-text p{font-size:13px!important;line-height:1.55!important;text-align:center!important}
 .mlr5-actions{display:flex!important;justify-content:center!important}
 .mlr5-primary{height:44px!important;min-height:44px!important;min-width:130px!important;font-size:13px!important}
 .mlr5-chips{justify-content:center!important;flex-wrap:nowrap!important;gap:10px!important;margin-top:16px!important}
 .mlr5-chips li{font-size:9px!important;gap:4px!important}
 .mlr5-tick{font-size:11px!important}
 .mlr5-controls{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important}
 .mlr5-lines{mask-image:linear-gradient(180deg,#000 0%,transparent 55%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 55%)!important}
}
@media(max-width:380px){
 .mlr5-slider{height:600px!important;min-height:600px!important}
 .mlr5-media{height:225px!important}
 .mlr5-vial-1,.mlr5-vial-3{width:80px!important;height:128px!important;top:56px!important}
 .mlr5-vial-2{width:128px!important;height:195px!important}
 .mlr5-media:before{width:180px!important;height:180px!important}
 .mlr5-text p{font-size:12px!important}
 .mlr5-chips{gap:7px!important}
 .mlr5-chips li{font-size:8px!important}
}