moc-premium-popup{--popup-bg: #F7F1E8;--popup-primary: #5C3E36;--popup-secondary: #8B6F63;--popup-sage: #7FA38A;--popup-peach: #D89B7B;--popup-cta: #2F6B5B;--popup-cta-hover: #1F5044;--popup-text: #3D2F28;--popup-muted: #8B7168;--popup-border: rgba(92, 62, 54, .1);--popup-hero-bg: #E8DECE;--popup-radius: 28px;--popup-radius-pill: 50px;--popup-shadow: 0 32px 80px rgba(0, 0, 0, .15), 0 4px 20px rgba(0, 0, 0, .06);--popup-transition: .4s cubic-bezier(.16, 1, .3, 1);--popup-font-serif: "Playfair Display", "Crimson Pro", Georgia, serif;--popup-font-sans: "DM Sans", system-ui, sans-serif}.moc-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;background:#120a0685;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--popup-transition)}moc-premium-popup[open] .moc-popup__overlay{opacity:1;pointer-events:auto}.moc-popup__card{position:relative;display:flex;flex-direction:column;width:min(94vw,440px);max-height:calc(100vh - 48px);background:var(--popup-bg);border-radius:var(--popup-radius);box-shadow:var(--popup-shadow);overflow:hidden;opacity:0;transform:scale(.94) translateY(14px);transition:opacity var(--popup-transition),transform var(--popup-transition)}moc-premium-popup[open] .moc-popup__card{opacity:1;transform:scale(1) translateY(0)}.moc-popup__hero{position:relative;flex-shrink:0;height:280px;background:radial-gradient(ellipse 62% 52% at 90% 12%,rgba(216,155,123,.44) 0%,transparent 62%),radial-gradient(ellipse 55% 44% at 8% 88%,rgba(127,163,138,.33) 0%,transparent 58%),radial-gradient(ellipse 80% 70% at 50% 48%,rgba(245,236,218,.5) 0%,transparent 72%),linear-gradient(148deg,#ede5d5,#e4dacc 45%,#d8ceba);display:flex;align-items:center;justify-content:center;overflow:hidden}.moc-popup__hero:before{content:"";position:absolute;top:-18px;right:-22px;width:148px;height:148px;border-radius:42% 58% 62% 38%/58% 42%;background:#d89b7b2e;pointer-events:none;z-index:0}.moc-popup__hero:after{content:"";position:absolute;bottom:-22px;left:-22px;width:124px;height:124px;border-radius:58% 42% 38% 62%/42% 58%;background:#7fa38a33;pointer-events:none;z-index:0}.moc-popup__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at center,rgba(127,163,138,.36) 0%,rgba(127,163,138,.1) 48%,transparent 68%);filter:blur(20px);pointer-events:none;z-index:0}moc-premium-popup[open] .moc-popup__glow{animation:moc-glow-breathe 5s ease-in-out infinite}.moc-popup__glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:196px;height:196px;border-radius:50%;border:1px solid rgba(127,163,138,.24);box-shadow:0 0 0 8px #7fa38a12;pointer-events:none;z-index:1}moc-premium-popup[open] .moc-popup__glow-ring{animation:moc-ring-breathe 5s ease-in-out infinite .6s}.moc-popup__hero-texture{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(72deg,transparent 0px,transparent 10px,rgba(139,111,95,.02) 10px,rgba(139,111,95,.02) 11px);pointer-events:none;z-index:0}.moc-popup__sparkle{position:absolute;pointer-events:none;z-index:3}.moc-popup__sparkle:before,.moc-popup__sparkle:after{content:"";position:absolute;border-radius:2px}.moc-popup__sparkle--1{top:24px;left:24px;width:14px;height:14px}.moc-popup__sparkle--1:before{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%);background:#d89b7bbf}.moc-popup__sparkle--1:after{height:1.5px;width:100%;top:50%;left:0;transform:translateY(-50%);background:#d89b7bbf}moc-premium-popup[open] .moc-popup__sparkle--1{animation:moc-sparkle-twinkle 3.8s ease-in-out infinite}.moc-popup__sparkle--2{top:40px;right:50px;width:9px;height:9px}.moc-popup__sparkle--2:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%);background:#7fa38aad}.moc-popup__sparkle--2:after{height:1px;width:100%;top:50%;left:0;transform:translateY(-50%);background:#7fa38aad}moc-premium-popup[open] .moc-popup__sparkle--2{animation:moc-sparkle-twinkle 3.8s ease-in-out infinite 1.6s}.moc-popup__sparkle--3{bottom:32px;right:26px;width:9px;height:9px}.moc-popup__sparkle--3:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%);background:#7fa38ab3}.moc-popup__sparkle--3:after{height:1px;width:100%;top:50%;left:0;transform:translateY(-50%);background:#7fa38ab3}moc-premium-popup[open] .moc-popup__sparkle--3{animation:moc-sparkle-twinkle 3.2s ease-in-out infinite .5s}.moc-popup__sparkle--4{bottom:60px;left:30px;width:7px;height:7px}.moc-popup__sparkle--4:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%);background:#d89b7bad}.moc-popup__sparkle--4:after{height:1px;width:100%;top:50%;left:0;transform:translateY(-50%);background:#d89b7bad}moc-premium-popup[open] .moc-popup__sparkle--4{animation:moc-sparkle-twinkle 2.9s ease-in-out infinite 2.2s}.moc-popup__hero-img{position:relative;z-index:2;width:auto;height:86%;max-height:252px;max-width:76%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 18px 36px rgba(0,0,0,.13)) drop-shadow(0 4px 10px rgba(0,0,0,.06));opacity:0;transform:translateY(12px) scale(.97);transition:opacity .48s ease .1s,transform .48s cubic-bezier(.16,1,.3,1) .1s}moc-premium-popup[open] .moc-popup__hero-img{opacity:1;transform:translateY(0) scale(1);animation:moc-float 6s ease-in-out infinite .58s}.moc-popup__hero--empty{background:radial-gradient(ellipse 62% 52% at 90% 12%,rgba(216,155,123,.38) 0%,transparent 60%),radial-gradient(ellipse 55% 44% at 8% 88%,rgba(127,163,138,.28) 0%,transparent 56%),linear-gradient(148deg,#ede5d5,#dacfbc)}.moc-popup__hero--empty:after{display:none}.moc-popup__hero--empty .moc-popup__glow,.moc-popup__hero--empty .moc-popup__glow-ring,.moc-popup__hero--empty .moc-popup__hero-img{display:none}.moc-popup__hero-art{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px}.moc-popup__hero-art:before{content:"";position:absolute;top:31px;left:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;border:1px solid rgba(127,163,138,.3);box-shadow:0 0 0 14px #7fa38a0f,0 0 0 30px #7fa38a06;pointer-events:none;z-index:0}moc-premium-popup[open] .moc-popup__hero-art:before{animation:moc-ring-breathe 4.2s ease-in-out infinite .5s}.moc-popup__hero-art-icon{position:relative;z-index:1;color:#5c3e366b}.moc-popup__hero-art-label{font-family:var(--popup-font-serif);font-size:.9rem;font-style:italic;letter-spacing:.06em;color:#5c3e3661;margin:0;position:relative;z-index:1}.moc-popup__sticker{position:absolute;bottom:16px;right:16px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 13px;font-family:var(--popup-font-sans);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--popup-cta);border-radius:40px;box-shadow:0 4px 18px #2f6b5b5c;transform:rotate(2deg)}.moc-popup__sticker:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#fffc;flex-shrink:0}.moc-popup__pill-wrap{display:flex;justify-content:center;padding:20px 28px 0;flex-shrink:0}.moc-popup__pill{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;font-family:var(--popup-font-sans);font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--popup-sage);background:#7fa38a1f;border:1px solid rgba(127,163,138,.28);border-radius:40px}.moc-popup__pill-dot{width:5px;height:5px;border-radius:50%;background:var(--popup-sage);flex-shrink:0;animation:moc-dot-pulse 2.4s ease-in-out infinite}@keyframes moc-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.moc-popup__content{display:flex;flex-direction:column;padding:10px 28px 28px;flex-shrink:0;overflow-y:auto}.moc-popup__headline{font-family:var(--popup-font-serif);font-size:1.625rem;font-weight:400;font-style:italic;line-height:1.2;color:var(--popup-primary);margin:10px 0 6px;letter-spacing:-.01em}.moc-popup__product-name{font-family:var(--popup-font-sans);font-size:.8125rem;font-weight:600;color:var(--popup-text);margin:0 0 6px;letter-spacing:.01em}.moc-popup__benefit{font-family:var(--popup-font-sans);font-size:.875rem;line-height:1.62;color:var(--popup-muted);margin:0 0 20px;font-weight:300}.moc-popup__price{display:inline-flex;align-items:baseline;gap:8px;margin:0 0 16px}.moc-popup__price-current{font-family:var(--popup-font-sans);font-size:1rem;font-weight:600;color:var(--popup-primary)}.moc-popup__price-compare{font-family:var(--popup-font-sans);font-size:.875rem;font-weight:400;color:var(--popup-muted);text-decoration:line-through}.moc-popup__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 28px;font-family:var(--popup-font-sans);font-size:.9375rem;font-weight:600;letter-spacing:.03em;color:#fff;background:var(--popup-cta);border-radius:var(--popup-radius-pill);text-decoration:none;margin-bottom:14px;line-height:1;transition:background .22s ease,transform .18s ease,box-shadow .22s ease}.moc-popup__cta:hover{background:var(--popup-cta-hover);transform:translateY(-2px);box-shadow:0 10px 32px #2f6b5b4d;color:#fff;text-decoration:none}.moc-popup__cta:active{transform:translateY(0);box-shadow:none}.moc-popup__cta:focus-visible{outline:3px solid var(--popup-sage);outline-offset:3px}.moc-popup__cta-arrow{flex-shrink:0;transition:transform .2s ease}.moc-popup__cta:hover .moc-popup__cta-arrow{transform:translate(3px)}.moc-popup__footnote{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--popup-font-sans);font-size:.8rem;color:var(--popup-muted);margin:0;opacity:.8;line-height:1.4;text-align:center}.moc-popup__footnote svg{flex-shrink:0;color:var(--popup-sage)}.moc-popup__close{position:absolute;top:14px;right:14px;z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f7f1e8c7;border:1px solid rgba(92,62,54,.12);border-radius:50%;cursor:pointer;color:var(--popup-primary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;-webkit-appearance:none;appearance:none;padding:0}.moc-popup__close:hover{background:var(--popup-primary);color:#fff;border-color:var(--popup-primary);transform:scale(1.08) rotate(90deg)}.moc-popup__close:focus-visible{outline:3px solid var(--popup-sage);outline-offset:3px}@keyframes moc-float{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-8px) rotate(.4deg)}65%{transform:translateY(-5px) rotate(-.3deg)}}@keyframes moc-glow-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.14);opacity:1}}@keyframes moc-ring-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.09);opacity:.95}}@keyframes moc-sparkle-twinkle{0%,to{opacity:.6;transform:scale(1) rotate(0)}40%{opacity:1;transform:scale(1.3) rotate(22deg)}70%{opacity:.38;transform:scale(.8) rotate(-12deg)}}@media screen and (max-width:749px){.moc-popup__overlay{align-items:center;padding:16px}.moc-popup__card{width:min(92vw,420px);max-height:88vh}.moc-popup__hero{height:240px}.moc-popup__pill-wrap{padding:18px 22px 0}.moc-popup__content{padding:8px 22px 26px}.moc-popup__headline{font-size:1.5rem;margin:10px 0 6px}.moc-popup__benefit{font-size:.85rem;margin-bottom:18px}.moc-popup__cta{padding:14px 24px}.moc-popup__sticker{bottom:12px;right:12px}.moc-popup__sparkle--3{bottom:22px;right:18px}.moc-popup__sparkle--4{bottom:48px;left:20px}.moc-popup__hero-art-icon{width:42px;height:50px}.moc-popup__hero-art:before{top:25px;width:90px;height:90px}.moc-popup__close{top:12px;right:12px;background:#f7f1e8e0}}@media(prefers-reduced-motion:reduce){.moc-popup__overlay,.moc-popup__card{transition:opacity .2s ease!important;transform:none!important;animation:none!important}.moc-popup__hero-img{animation:none!important;transition:opacity .3s ease!important;transform:none!important}moc-premium-popup[open] .moc-popup__hero-img{opacity:1;transform:none!important}moc-premium-popup[open] .moc-popup__hero-art:before{animation:none!important}.moc-popup__glow,.moc-popup__glow-ring,.moc-popup__sparkle--1,.moc-popup__sparkle--2,.moc-popup__sparkle--3,.moc-popup__sparkle--4,.moc-popup__pill-dot{animation:none!important}.moc-popup__close:hover{transform:scale(1.08)!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/moc-premium-popup.css.map */