.mujo-compare-section{margin-top:0!important;margin-bottom:0!important;padding:0!important;background:#d2bffc!important;overflow:visible!important;border:none!important;box-shadow:none!important}.mujo-compare{padding:88px 0 96px;position:relative;overflow:hidden}.mujo-compare__container{max-width:1200px;margin:0 auto;padding:0 24px}.mujo-compare__header{text-align:center;margin-bottom:0}.mujo-compare__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;border-radius:48px;background:#ffffff73;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;color:#0000008c}.mujo-compare__eyebrow svg{width:15px;height:15px}.mujo-compare__title{font-family:Indarung,serif;font-weight:400;font-style:normal;font-size:clamp(32px,5vw,56px);line-height:1.05;color:#000;margin:0 0 12px}.mujo-compare__subtitle{font-family:Quicksand,sans-serif;font-size:clamp(15px,1.5vw,17px);font-weight:500;color:#00000080;margin:0 auto;max-width:480px;line-height:1.55}.mujo-compare__spread{display:grid;grid-template-columns:1fr 380px 1fr;gap:0;align-items:center;min-height:480px;margin-bottom:20px;position:relative}.mujo-compare__visual{position:relative;display:flex;align-items:center;justify-content:center;height:480px;z-index:1}.mujo-compare__visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(255,255,255,.2) 40%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.mujo-compare__gummy{position:absolute;will-change:transform;z-index:2}.mujo-compare__gummy--1{width:180px;top:50%;left:50%;transform:translate(-80%,-65%) rotate(-12deg);filter:drop-shadow(0 12px 32px rgba(0,0,0,.15));animation:cmpF1 7s ease-in-out infinite}.mujo-compare__gummy--2{width:165px;top:50%;left:50%;transform:translate(-15%,-30%) rotate(18deg) scaleX(-1);filter:drop-shadow(0 10px 28px rgba(0,0,0,.13));animation:cmpF2 8s ease-in-out infinite -2s}.mujo-compare__gummy--3{width:110px;top:50%;left:50%;transform:translate(-110%,10%) rotate(30deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,.1));animation:cmpF3 6.5s ease-in-out infinite -1s}.mujo-compare__gummy--4{width:85px;top:50%;left:50%;transform:translate(30%,-85%) rotate(-35deg);filter:blur(1.5px) drop-shadow(0 6px 16px rgba(0,0,0,.08));opacity:.75;animation:cmpF2 7.5s ease-in-out infinite -3.5s}.mujo-compare__gummy--5{width:55px;top:50%;left:50%;transform:translate(50%,30%) rotate(50deg);filter:blur(3px) drop-shadow(0 4px 10px rgba(0,0,0,.06));opacity:.5;animation:cmpF3 9s ease-in-out infinite -4s}@keyframes cmpF1{0%,to{transform:translate(-80%,-65%) rotate(-12deg) translateY(0)}33%{transform:translate(-80%,-65%) rotate(-12deg) translateY(-16px) translate(5px)}66%{transform:translate(-80%,-65%) rotate(-12deg) translateY(10px) translate(-4px)}}@keyframes cmpF2{0%,to{transform:translate(-15%,-30%) rotate(18deg) scaleX(-1) translateY(0)}30%{transform:translate(-15%,-30%) rotate(18deg) scaleX(-1) translateY(14px) translate(-6px)}60%{transform:translate(-15%,-30%) rotate(18deg) scaleX(-1) translateY(-10px) translate(4px)}}@keyframes cmpF3{0%,to{transform:translate(-110%,10%) rotate(30deg) translateY(0)}25%{transform:translate(-110%,10%) rotate(30deg) translateY(-10px) translate(-4px)}50%{transform:translate(-110%,10%) rotate(30deg) translateY(14px) translate(6px)}75%{transform:translate(-110%,10%) rotate(30deg) translateY(-6px) translate(-3px)}}.mujo-compare__side{display:flex;flex-direction:column;gap:16px;z-index:2}.mujo-compare__side--left{align-items:flex-end;padding-right:16px}.mujo-compare__side--right{align-items:flex-start;padding-left:16px}.mujo-compare__benefit{padding:22px 24px;border-radius:20px;background:#ffffff80;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000a,inset 0 1px #fff6;width:280px;opacity:0;transform:translate(var(--slide-dir, 30px));transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}.mujo-compare__side--left .mujo-compare__benefit{--slide-dir: -30px}.mujo-compare__benefit.is-visible{opacity:1;transform:translate(0)}.mujo-compare__benefit-row{display:flex;align-items:center;gap:12px}.mujo-compare__side--left .mujo-compare__benefit-row{flex-direction:row-reverse;text-align:right}.mujo-compare__benefit-icon{width:40px;height:40px;border-radius:50%;background:#eff8602e;border:1.5px solid rgba(239,248,96,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mujo-compare__benefit-icon svg{width:20px;height:20px;stroke:#000;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mujo-compare__benefit-content{flex:1;min-width:0}.mujo-compare__benefit-title{font-family:Quicksand,sans-serif!important;font-size:15px!important;font-weight:700!important;color:#000!important;line-height:1.3!important;margin:0 0 4px!important;text-transform:none!important;letter-spacing:0!important;font-style:normal!important}.mujo-compare__benefit-desc{font-family:Quicksand,sans-serif;font-size:13px;font-weight:500;color:#00000073;margin:0;line-height:1.5}.mujo-compare__contrast{margin-bottom:44px;text-align:center}.mujo-compare__contrast-label{font-family:Quicksand,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#00000047;margin-bottom:14px}.mujo-compare__contrast-items{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.mujo-compare__contrast-item{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;background:#0000000a;border:1px solid rgba(0,0,0,.05);font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;color:#00000061;text-decoration:line-through;text-decoration-color:#0000002e}.mujo-compare__contrast-item svg{width:14px;height:14px;stroke:#00000038;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}.mujo-compare__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:720px;margin:0 auto 48px}.mujo-compare__stat{text-align:center;padding:28px 16px;border-radius:24px;background:#ffffff80;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.65);box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}.mujo-compare__stat.is-visible{opacity:1;transform:translateY(0)}.mujo-compare__stat-num{font-family:Indarung,serif;font-weight:400;font-style:normal;font-size:clamp(28px,3.5vw,42px);line-height:1.1;color:#000;display:block}.mujo-compare__stat-label{font-family:Quicksand,sans-serif;font-size:11px;font-weight:600;color:#0006;display:block;margin-top:6px;text-transform:uppercase;letter-spacing:1.2px}.mujo-compare__cta{text-align:center}.mujo-compare__btn{display:inline-flex;align-items:center;gap:10px;padding:17px 44px;border-radius:50px;background:#eff860;color:#000;border:2px solid #000;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.mujo-compare__btn:hover{background:#000;color:#fff}.mujo-compare__btn svg{width:16px;height:16px;transition:transform .25s ease}.mujo-compare__btn:hover svg{transform:translateY(2px)}.mujo-compare__benefits-mobile{display:none}@media screen and (max-width:999px){.mujo-compare{padding:48px 0}.mujo-compare__container{padding:0 20px}.mujo-compare__header{margin-bottom:0}.mujo-compare__eyebrow{font-size:11px;padding:6px 16px;margin-bottom:14px}.mujo-compare__title{font-size:32px!important;margin-bottom:10px}.mujo-compare__subtitle{font-size:14px!important;line-height:1.5}.mujo-compare__side--left,.mujo-compare__side--right{display:none!important}.mujo-compare__spread{grid-template-columns:1fr;min-height:auto;gap:0;margin-bottom:0}.mujo-compare__visual{height:200px;margin-bottom:4px}.mujo-compare__visual:before{width:180px;height:180px}.mujo-compare__gummy--1{width:105px}.mujo-compare__gummy--2{width:95px}.mujo-compare__gummy--3{width:65px}.mujo-compare__gummy--4{width:45px}.mujo-compare__gummy--5{display:none}.mujo-compare__benefits-mobile{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.mujo-compare__benefit--mobile{width:auto!important;padding:14px;border-radius:14px;--slide-dir: 0px;transform:translateY(16px)}.mujo-compare__benefit--mobile.is-visible{transform:translateY(0)}.mujo-compare__benefit--mobile .mujo-compare__benefit-row{flex-direction:column!important;align-items:flex-start!important;gap:8px}.mujo-compare__benefit--mobile .mujo-compare__benefit-icon{width:28px;height:28px}.mujo-compare__benefit--mobile .mujo-compare__benefit-icon svg{width:14px;height:14px}.mujo-compare__benefit--mobile .mujo-compare__benefit-title{font-size:13px!important;font-weight:700!important;margin-bottom:2px!important;line-height:1.25!important}.mujo-compare__benefit--mobile .mujo-compare__benefit-desc{font-size:11px;line-height:1.4;color:#0006}.mujo-compare__contrast{margin-bottom:24px;margin-top:4px}.mujo-compare__contrast-label{font-size:9px;letter-spacing:1px;margin-bottom:10px}.mujo-compare__contrast-items{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mujo-compare__contrast-item{font-size:11px;padding:6px 12px;gap:5px}.mujo-compare__contrast-item svg{width:11px;height:11px}.mujo-compare__stats{gap:8px;margin-bottom:28px}.mujo-compare__stat{padding:16px 8px;border-radius:16px}.mujo-compare__stat-num{font-size:26px}.mujo-compare__stat-label{font-size:8px;letter-spacing:.8px;margin-top:4px}.mujo-compare__btn{width:100%;justify-content:center;padding:15px 36px;font-size:13px}}@media screen and (min-width:1400px){.mujo-compare__spread{grid-template-columns:1fr 440px 1fr;min-height:540px}.mujo-compare__visual{height:540px}.mujo-compare__visual:before{width:400px;height:400px}.mujo-compare__gummy--1{width:210px}.mujo-compare__gummy--2{width:190px}.mujo-compare__gummy--3{width:130px}.mujo-compare__gummy--4{width:100px}.mujo-compare__gummy--5{width:70px}.mujo-compare__benefit{width:290px}}@media(prefers-reduced-motion:reduce){.mujo-compare__gummy,.mujo-compare__benefit,.mujo-compare__stat{transition:none!important;animation:none!important}.mujo-compare__benefit,.mujo-compare__stat{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/mujo-x-mujo-gummies-vs-powder.css.map */