{"product_id":"moops-five-calendario-dell-avvento","title":"MOOPS FIVE — Calendario dell’Avvento","description":"\u003cstyle\u003e\n.m5w{--fx:#c9007a;--fx2:#aa0073;--ink:#171616;--mut:#59515d;--lil:#faf7fd;--lil2:#efe4f6;--line:#d6bce7;color:var(--ink);font-family:Jost,Arial,sans-serif;text-align:center;-webkit-font-smoothing:antialiased}\n.m5w *{box-sizing:border-box}\n.m5w p{margin:0}\n.m5w img{display:block;max-width:100%;height:auto}\n.m5w h2,.m5w h3,.m5w h4{font-family:Jost,Arial,sans-serif!important;text-transform:none!important;color:inherit}\n.m5-in{max-width:1120px;margin:0 auto;padding:0 20px}\n.m5-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;letter-spacing:2px;font-weight:600;color:var(--fx2);text-transform:uppercase}\n.m5-kicker .m5-dot{flex:none}\n.m5-dot{width:8px;height:8px;border-radius:50%;background:var(--fx);box-shadow:0 0 0 0 rgba(201,0,122,.5);animation:m5pulse 1.8s infinite}\n@keyframes m5pulse{70%{box-shadow:0 0 0 10px rgba(201,0,122,0)}100%{box-shadow:0 0 0 0 rgba(201,0,122,0)}}\n.m5w [hidden]{display:none!important}\n\n\/* HERO *\/\n.m5-hero{position:relative;overflow:hidden;background:var(--lil);padding:44px 0 56px;margin:0 0 10px}\n.m5-hero .m5-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;text-align:left}\n.m5-rings{position:absolute;right:-140px;top:-120px;width:520px;height:520px;opacity:.5;pointer-events:none;animation:m5spin 40s linear infinite}\n@keyframes m5spin{to{transform:rotate(360deg)}}\n.m5-h1{font-size:clamp(40px,6.4vw,82px)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-2px!important;margin:18px 0 0!important}\n.m5-h1 span{color:var(--fx);display:inline-block}\n.m5-sub{display:inline-block;margin-top:18px!important;font-size:20px;line-height:1.3;font-weight:700;color:var(--ink)}\n.m5-sub b{color:var(--fx)}\n.m5-intro{font-size:17px;line-height:1.5;max-width:520px;margin-top:10px!important}\n.m5-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-top:24px}\n.m5-price s{font-size:20px;color:var(--mut)}\n.m5-price b{font-size:40px;line-height:1;color:var(--fx);letter-spacing:-1px}\n.m5-price em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:1px;background:var(--fx);color:#fff;padding:5px 10px}\n.m5-price small{flex-basis:100%;font-size:12.5px;line-height:1.45;color:var(--mut)}\n.m5-value{flex-basis:100%;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}\n.m5-value:before{content:\"\";width:18px;height:2px;background:var(--fx)}\n.m5-tprice s{opacity:.6;margin-right:8px}\n.m5-tprice b{color:#c9007a;margin-right:8px}\n.m5-tprice em{font-style:normal;font-size:.8em;font-weight:700;background:#c9007a;color:#fff;padding:2px 7px;vertical-align:middle}\n.m5-tprice small{display:block;font-size:12px;color:#59515d;margin-top:4px;font-weight:400}\n.m5-tprice .m5-klarna{display:block;margin-top:6px;font-size:13px;font-weight:400;line-height:1.8;color:#727272}\n.m5-tprice .m5-klarna strong{color:#171616;font-weight:700;white-space:nowrap}\n.m5-tprice .m5-klarna img{display:inline-block!important;width:54px!important;height:auto!important;vertical-align:middle;margin:0 0 0 3px!important;border:0!important;border-radius:0!important}\n.m5-price small b{color:var(--ink);letter-spacing:1px;border:1px dashed var(--fx);padding:1px 6px;background:#fff;font-size:12.5px}\n.m5-clockwrap{margin-top:22px}\n.m5-clocklabel{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--mut)}\n\/* il tema centra i \u003cp\u003e: nella hero seguono l'allineamento della colonna (sinistra su desktop, centro su mobile) *\/\n.m5-hero p,.m5-hero small,.m5-soon p{text-align:inherit!important}\n.m5-clock{display:flex;gap:8px;margin-top:8px}\n.m5-clock div{min-width:62px;padding:9px 4px 7px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center}\n.m5-clock b{display:block;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}\n.m5-clock small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}\n.m5w a.m5-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;background:var(--fx)!important;background-image:none!important;color:#fff!important;text-decoration:none!important;border:0!important;padding:20px 34px!important;font-size:15px;font-weight:700;letter-spacing:1.2px;line-height:1.3!important;min-width:290px;border-radius:12px!important;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px -10px rgba(201,0,122,.7)}\n.m5w a.m5-cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(201,0,122,.8)}\n.m5w a.m5-cta:after{content:\"\";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:m5shine 3.2s infinite}\n@keyframes m5shine{0%,55%{left:-60%}100%{left:130%}}\n.m5-cta i{font-style:normal;transition:transform .2s}\n.m5w a.m5-cta:hover i{transform:translateX(4px)}\n.m5w a.m5-cta.m5-white{background:#fff!important;color:var(--fx)!important;box-shadow:none}\n.m5w a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}\n.m5-chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:13.5px;color:var(--mut)}\n.m5-chips span:before{content:\"✓\";color:var(--fx);font-weight:700;margin-right:6px}\n.m5-heroimg{position:relative;padding:0 0 60px 0;margin-top:6px}\n.m5-ph{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 30px 60px -30px rgba(80,0,50,.5)}\n.m5-ph img{width:100%;height:100%;object-fit:cover}\n.m5-ph1{width:82%;aspect-ratio:4\/5;margin-left:auto}\n.m5-ph1 img{object-position:50% 20%;animation:m5kb 24s ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden}\n.m5-ph2{position:absolute;left:0;bottom:0;width:44%;aspect-ratio:3\/4;border:6px solid #fff;border-radius:16px;transform:rotate(-5deg)}\n.m5-ph2 img{object-position:50% 55%}\n@keyframes m5kb{from{transform:scale(1)}to{transform:scale(1.06)}}\n.m5-ph{background:#efe4f6}\n\/* foto decorative: il tema non deve aprirle in zoom\/lightbox *\/\n.m5w .m5-ph,.m5w .m5-ph img,.m5w .m5-track img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}\n.m5-ph1{z-index:1}.m5-ph2{z-index:2}\n.m5-on .m5-wipe{opacity:0;transition:opacity .4s}\n.m5-on .m5-wipe.is-in{opacity:1}\n.m5-on .m5-wipe\u003eimg{clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1) .15s}\n.m5-on .m5-wipe.is-in\u003eimg{clip-path:inset(0 0 0 0)}\n.m5-on .m5-ph2.m5-wipe,.m5-on .m5-ph2.m5-wipe\u003eimg{transition-delay:.6s}\n.m5-badge{position:absolute;right:-12px;top:22px;z-index:3;padding:12px 16px;border-radius:12px;background:var(--fx);color:#fff;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-weight:700;line-height:1.15;box-shadow:0 14px 30px -12px rgba(201,0,122,.8)}\n.m5-badge b{font-size:17px;letter-spacing:.5px}\n.m5-badge small{font-size:12px;font-weight:500;margin-top:3px}\n\n\/* SEZIONI *\/\n.m5-sec{padding:72px 0 0}\n.m5-h2{font-size:clamp(28px,4.2vw,46px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-1px!important;margin:12px 0 0!important}\n.m5-h2 span{color:var(--fx)}\n.m5-lead{max-width:640px;margin:14px auto 0!important;font-size:17px;line-height:1.55}\n.m5-why{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;margin-top:36px}\n.m5-why article{border-top:2px solid var(--fx);padding-top:18px}\n.m5-why .n{font-size:13px;font-weight:700;color:var(--fx);letter-spacing:1px}\n.m5-why h3{font-size:22px!important;font-weight:700!important;line-height:1.15!important;margin:8px 0!important}\n.m5-why p{font-size:15.5px;line-height:1.5;color:#2d2a2e}\n.m5-why p,.m5-why h3,.m5-steps p,.m5-steps h3{text-align:inherit!important}\n\n\/* CASELLE *\/\n.m5-doors{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px;perspective:1200px}\n.m5-door{position:relative;aspect-ratio:3\/4;cursor:pointer;background:none;border:0;padding:0;font:inherit;color:inherit}\n.m5-door .bk{position:absolute;inset:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:8px 8px 12px;gap:8px}\n.m5-door .bk b{display:block;font-size:17px;line-height:1.15}\n.m5-door .bk small{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:var(--mut)}\n.m5-dtx{flex:none}\n\/* foto d'esempio dietro le caselle *\/\n.m5-dimg{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;background:#fff;border-radius:10px}\n.m5-dimg img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;-webkit-user-drag:none}\n.m5-trio img{width:33.4%}\n.m5-es{position:absolute;left:5px;top:5px;z-index:2;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:rgba(255,255,255,.9);color:var(--mut);padding:2px 5px}\n\/* nuovi colori: sfumato segreto *\/\n.m5-secret{background:#ece6dc}\n.m5-secret i{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(16px);animation:m5drift 10s ease-in-out infinite alternate}\n.m5-secret i:nth-child(1){background:#7a3466;left:-18%;top:-14%}\n.m5-secret i:nth-child(2){background:#86a477;right:-22%;top:-8%;animation-delay:-3s}\n.m5-secret i:nth-child(3){background:#4c5a36;left:-14%;bottom:-20%;animation-delay:-6s}\n.m5-secret i:nth-child(4){background:#3c4d78;right:-18%;bottom:-16%;animation-delay:-8s}\n.m5-secret i:nth-child(5){background:#f3eee6;left:22%;top:22%;width:56%;animation-delay:-2s}\n.m5-secret .m5-glit{position:absolute;left:24%;top:24%;width:52%;height:52%;border-radius:50%;background:radial-gradient(circle,#6f4a31 0 1px,transparent 1.6px) 0 0\/9px 9px,radial-gradient(circle,#a07a55 0 .8px,transparent 1.4px) 4px 5px\/11px 11px;-webkit-mask-image:radial-gradient(circle,#000 35%,transparent 72%);mask-image:radial-gradient(circle,#000 35%,transparent 72%);animation:m5twinkle 2.6s ease-in-out infinite}\n.m5-secret em{position:relative;z-index:2;font-style:normal;font-size:10px;font-weight:700;letter-spacing:1.5px;background:#fff;color:var(--fx);padding:5px 8px}\n@keyframes m5drift{to{transform:translate(10%,8%) scale(1.12)}}\n@keyframes m5twinkle{50%{opacity:.45}}\n.m5-disc{display:flex;gap:12px;align-items:flex-start;max-width:720px;margin:22px auto 0!important;padding:14px 18px;background:var(--lil);border-left:3px solid var(--fx);border-radius:0 12px 12px 0;text-align:left;font-size:14px;line-height:1.5}\n.m5-disc b{flex:none;width:22px;height:22px;border-radius:50%;background:var(--fx);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;font-style:italic;font-family:Georgia,serif}\n.m5-door .fr{position:absolute;inset:0;background:var(--lil2);border:1px solid var(--line);border-radius:14px;overflow:hidden;transform-origin:left center;transition:transform 1s cubic-bezier(.6,.05,.25,1);backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2}\n.m5-door .fr:before{content:\"\";position:absolute;top:0;left:50%;transform:translateX(-50%);width:44%;height:14%;background:#f6efe6;border-radius:0 0 60px 60px}\n.m5-door .fr b{font-size:44px;line-height:1;color:var(--fx)}\n.m5-door .fr small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--fx2)}\n.m5-door.is-open .fr{transform:rotateY(-105deg)}\n.m5-hint{margin-top:14px!important;font-size:13px;color:var(--mut)}\n\n\/* STRISCIA FOTO *\/\n.m5-strip{margin-top:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}\n.m5-track{display:flex;align-items:center;gap:18px;width:max-content;animation:m5marq 38s linear infinite}\n.m5-strip:hover .m5-track{animation-play-state:paused}\n.m5-track img{height:360px;width:auto;aspect-ratio:4\/5;object-fit:cover;flex:none;border-radius:18px}\n.m5-track span{flex:none;font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:-.5px;color:var(--fx);white-space:nowrap;padding:0 8px}\n@keyframes m5marq{to{transform:translateX(-50%)}}\n\n\/* PAGINA \"IN ARRIVO\" (chi non è VIP fino al 25) *\/\n.m5-soon{position:relative;overflow:hidden;background:var(--lil);min-height:78vh;display:flex;align-items:center;padding:56px 0}\n.m5-soon .m5-in{width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;text-align:left}\n.m5-soon .m5-h1{font-size:clamp(36px,5.6vw,72px)!important}\n.m5-soon .m5-ph{aspect-ratio:4\/5;max-width:420px;margin-left:auto}\n.m5-soon .m5-ph img{animation:m5kb 16s ease-in-out infinite alternate;filter:saturate(.9)}\n.m5-soon .m5-tag{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#fff;color:var(--fx);font-weight:700;font-size:12px;letter-spacing:2px;padding:8px 14px;white-space:nowrap}\n.m5-soon .m5-note{margin-top:18px!important;font-size:13px;color:var(--mut)}\nhtml.m5-teaser [class*=\"cart-bar\"],html.m5-teaser [id*=\"cart-bar\"],html.m5-teaser [class*=\"sticky-atc\"]{display:none!important}\n\/* evita che prezzo e pulsanti compaiano per un attimo prima che la pagina decida cosa mostrare *\/\n.shopify-section:has(#moops-five){animation:m5hold 2.5s steps(1,end)}\n@keyframes m5hold{from{visibility:hidden}to{visibility:visible}}\n\n\/* ACCESSO RISERVATO (nel form del tema) *\/\n.m5-lock,.m5-lock *{box-sizing:border-box}\n.m5-lock{margin:0 0 16px;padding:18px;background:#faf7fd;border:1px solid #d6bce7;border-radius:12px;text-align:left;font-family:inherit;color:#171616}\n.m5-lock .m5-lt{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;line-height:1.25}\n.m5-lock .m5-lt svg{flex:none;width:22px;height:22px;color:#c9007a}\n.m5-lock p{margin:8px 0 0;font-size:14px;line-height:1.45}\n.m5-lock small{display:block;margin-top:10px;font-size:12.5px;line-height:1.4;color:#59515d}\nform.m5-locked [type=\"submit\"],form.m5-locked [name=\"add\"],form.m5-locked .shopify-payment-button,form.m5-locked shopify-accelerated-checkout,form.m5-locked #m5-color-field{display:none!important}\n\n\/* SCHEDA D'ACQUISTO sul modello delle HOOP COLOR *\/\n.m5-pdp .product__breadcrumbs,.m5-pdp .product__tax,.m5-pdp .shop-pay-terms,.m5-pdp .product-accordion,.m5-pdp .Vtl-WishlistButton__AddToWishlist,.m5-pdp [id*=\"vitals_wishlist_button\"],.m5-pdp [id*=\"klarna_on_site_messaging\"],.m5-pdp .product-form__quantity,.m5-pdp .product__block--divider,.m5-pdp .product__upsell{display:none!important}\n.m5-pdp .product__title{font-family:Jost,Arial,sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1.25!important;color:#000!important}\n.m5-pdp .product__form__holder.product__block--lines{border-top:0!important;border-bottom:0!important}\n.m5-pdp variant-selects fieldset.product-form__input{border:0!important;padding:0!important;margin:14px 0 0!important}\n.m5-pdp variant-selects .radio__fieldset{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important}\n.m5-pdp variant-selects .radio__legend,.m5-pdp variant-selects .radio__legend__label,.m5-pdp variant-selects .radio__legend__option-name{display:block!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:normal!important;text-transform:none!important;color:#727272!important}\n.m5-pdp variant-selects .radio__legend__value,.m5-pdp variant-selects legend [data-option-value]{display:none!important}\n.m5-pdp variant-selects .radio__buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}\n.m5-pdp variant-selects .radio__button{display:block!important;width:100%!important;margin:0!important;padding:0!important}\n.m5-pdp variant-selects .radio__button label{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:10px 8px!important;border:1px solid #d9d9d9!important;border-radius:4px!important;background:transparent!important;color:#171616!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:uppercase!important;transition:none!important;transform:none!important}\n.m5-pdp variant-selects .radio__button input:checked + label{border-color:#101113!important;background:#101113!important;color:#fff!important}\n.m5-pdp variant-selects .radio__button label::before,.m5-pdp variant-selects .radio__button label::after{display:none!important}\n\/* galleria del tema: tutte le foto 4:5, angoli arrotondati sulla singola foto (non sul contenitore, che deve restare scorrevole) *\/\n.m5-pdp .product__photo,.m5-pdp .product__photo .image-wrapper{--aspect-ratio:.8!important}\n.m5-pdp .product__photo{border-radius:14px;overflow:hidden}\n.m5-pdp .product__photo img{width:100%!important;height:100%!important;object-fit:cover!important}\n.m5-pdp .product__thumb{border-radius:10px;overflow:hidden}\n.m5-ship{margin:10px 0 0!important;font-size:12.5px!important;line-height:1.4;color:#59515d;text-align:left}\n.m5-ship b{color:#171616}\n@media(max-width:749px){\n.m5-pdp .product__page{display:flex!important;flex-direction:column!important}\n.m5-pdp .product__content{order:-1}\n.m5-pdp .product__images{margin-top:32px!important}\n}\n\n\/* COLORE GUIDA: menu a tendina, stessa griglia di \"Prevalenza metallo\" *\/\n.m5-field .m5-cg-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin:0}\n.m5-cg-lb{font-size:12px;font-weight:500;line-height:1.2;color:#727272}\n.m5-field select{display:block;width:100%;height:46px;margin:0;padding:0 40px 0 14px;border:1px solid #d9d9d9;border-radius:4px;background:#fff url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23171616' stroke-width='1.6'\/%3E%3C\/svg%3E\") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font:inherit;font-size:14px;color:#171616;cursor:pointer}\n.m5-field select:invalid{color:#727272}\n.m5-field select:focus{outline:2px solid #c9007a;outline-offset:1px}\n.m5-field.is-err select{border-color:#c9007a;animation:m5shake .4s}\n.m5-field small{margin-left:104px}\n@media(max-width:480px){.m5-field small{margin-left:0}}\n.m5-pdp .m5-field{margin:14px 0 16px}\n\/* pulsante a tutta larghezza (la quantità è nascosta) *\/\n.m5-pdp .product__submit__item{display:block!important;width:100%!important}\n.m5-pdp .product__submit__item [name=\"add\"],.m5-pdp .product__submit__buttons{width:100%!important;max-width:none!important}\n.m5-pdp.m5-locked #m5-color-field{display:none!important}\n\n\/* TIMELINE *\/\n.m5-tl{position:relative;display:grid;grid-template-columns:repeat(5,1fr);max-width:900px;margin:40px auto 0}\n.m5-tl:before{content:\"\";position:absolute;left:10%;right:10%;top:13px;height:2px;background:var(--line)}\n.m5-tl:after{content:\"\";position:absolute;left:10%;top:13px;height:2px;width:0;background:var(--fx);transition:width 1.8s ease .2s}\n.m5-tl.is-in:after{width:80%}\n.m5-tl div{position:relative;z-index:1}\n.m5-tl i{display:block;width:28px;height:28px;margin:0 auto;border-radius:50%;background:#fff;border:2px solid var(--fx);transform:scale(.4);transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .5s}\n.m5-tl.is-in i{transform:scale(1);background:var(--fx)}\n.m5-tl div:nth-child(2) i{transition-delay:.4s}.m5-tl div:nth-child(3) i{transition-delay:.7s}.m5-tl div:nth-child(4) i{transition-delay:1s}.m5-tl div:nth-child(5) i{transition-delay:1.3s}\n.m5-tl b{display:block;margin-top:12px;font-size:28px;line-height:1;color:var(--fx)}\n.m5-tl b sup{font-size:12px;color:var(--ink)}\n.m5-tl span{display:block;margin-top:4px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}\n\n\/* STEPS *\/\n.m5-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;text-align:left}\n.m5-steps article{background:var(--lil);padding:26px 22px;border-radius:16px}\n.m5-steps .n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--fx);color:#fff;font-weight:700;align-items:center;justify-content:center}\n.m5-steps h3{font-size:20px!important;font-weight:700!important;margin:14px 0 6px!important}\n.m5-steps p{font-size:15px;line-height:1.5}\n.m5-swatch{display:flex;gap:8px;margin-top:12px}\n.m5-swatch span{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:#fff}\n\n\/* SPLIT portagioielli *\/\n.m5-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left}\n.m5-split .m5-ph{aspect-ratio:4\/5}\n.m5-split .m5-ph img{animation:m5kb 16s ease-in-out infinite alternate}\n\n\/* BAND finale *\/\n.m5-band{margin-top:80px;background:var(--fx2);color:#fff;padding:64px 0;position:relative;overflow:hidden}\n.m5-band .m5-kicker{color:#f6cfe6}\n.m5-band .m5-dot{background:#fff}\n.m5-band .m5-h2{color:#fff!important}\n.m5-band .m5-lead{color:#fff}\n.m5-band .m5-clock{justify-content:center}\n.m5-band .m5-clock div{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}\n.m5-band .m5-clock b{color:#fff}.m5-band .m5-clock small{color:#f6cfe6}\n.m5-band .m5-rings{left:-180px;right:auto;top:auto;bottom:-220px;opacity:.25}\n\n\/* INFO + FAQ *\/\n.m5-info{max-width:760px;margin:30px auto 0;text-align:left;border-top:1px solid var(--line)}\n.m5-info div{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}\n.m5-info dt{font-weight:600}\n.m5-info dd{margin:0}\n.m5-faq{max-width:760px;margin:24px auto 0;text-align:left}\n.m5-faq details{border-bottom:1px solid var(--line);padding:16px 0}\n.m5-faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}\n.m5-faq summary::-webkit-details-marker{display:none}\n.m5-faq summary:after{content:\"+\";color:var(--fx);font-size:22px;line-height:1;transition:transform .3s}\n.m5-faq details[open] summary:after{transform:rotate(45deg)}\n.m5-faq details p{margin-top:10px!important;font-size:15px;line-height:1.55}\n.m5-end{padding:56px 0 64px}\n\n\/* REVEAL *\/\n.m5-on .m5-rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}\n.m5-on .m5-rv.is-in{opacity:1;transform:none}\n.m5w:not(.m5-on) [data-m5-phase]:not([data-m5-phase~=\"before\"]){display:none}\n.m5-d1{transition-delay:.12s}.m5-d2{transition-delay:.24s}.m5-d3{transition-delay:.36s}.m5-d4{transition-delay:.48s}\n\n\/* CAMPO COLORE (spostato nel form del tema) *\/\n.m5-field,.m5-field *{box-sizing:border-box}\n.m5-field{margin:0 0 16px;text-align:left;font-family:inherit}\n.m5-field label{display:block;font-size:14px;font-weight:600;margin:0 0 6px}\n.m5-field input{width:100%;padding:13px 14px;border:1px solid #c9b3d9;background:#fff;font:inherit;font-size:15px;color:#171616;border-radius:0}\n.m5-field input:focus{outline:2px solid #c9007a;outline-offset:1px}\n.m5-field.is-err input{border-color:#c9007a;animation:m5shake .4s}\n@keyframes m5shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}\n.m5-field small{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:#59515d}\n\n@media(max-width:900px){\n.m5-hero{padding:34px 0 44px}\n.m5-hero .m5-in{grid-template-columns:1fr;gap:30px;text-align:center}\n.m5-intro{margin-left:auto!important;margin-right:auto!important}\n.m5-price,.m5-clock,.m5-chips,.m5-value{justify-content:center}\n.m5-value:before{display:none}\n.m5-value{text-align:center}\n.m5-heroimg{order:-1;max-width:520px;width:100%;margin:0 auto;padding:0}\n.m5-ph1{width:100%;aspect-ratio:16\/10}\n.m5-ph1 img{object-position:50% 12%}\n.m5-ph2{display:none}\n.m5-badge{right:10px;top:auto;bottom:-18px;padding:10px 13px}.m5-badge b{font-size:15px}.m5-badge small{font-size:11px}\n.m5-track img{height:240px}\n.m5-hero .m5-rings{width:360px;height:360px;right:-200px;top:-150px;opacity:.3}\n.m5-kicker{justify-content:center;text-align:center}\n.m5-doors{grid-template-columns:repeat(3,1fr)}\n.m5-split{grid-template-columns:1fr;gap:26px;text-align:center}\n.m5-split .m5-ph{max-width:460px;width:100%;margin:0 auto}\n}\n@media(max-width:900px){\n.m5-soon{min-height:0;padding:36px 0 44px}\n.m5-soon .m5-in{grid-template-columns:1fr;gap:28px;text-align:center}\n.m5-soon .m5-ph{order:-1;max-width:none;width:100%;aspect-ratio:16\/10;margin:0}\n.m5-soon .m5-rings{width:340px;height:340px;right:-190px;top:-140px;opacity:.25}\n}\n@media(max-width:640px){\n.m5-h1{letter-spacing:-1px!important}\n.m5-intro{font-size:15.5px}\n.m5-sub{font-size:18px}\n.m5-hero .m5-chips{display:none}\n.m5w a.m5-cta{width:100%;min-width:0}\n.m5-sec{padding-top:56px}\n.m5-why{grid-template-columns:1fr;gap:22px;text-align:center}\n.m5-doors{grid-template-columns:repeat(2,1fr);gap:10px}\n.m5-doors .m5-door:last-child{grid-column:1\/-1;aspect-ratio:auto;height:170px}\n.m5-doors .m5-door:last-child .bk{flex-direction:row;align-items:center;text-align:left}\n.m5-doors .m5-door:last-child .m5-dimg{flex:0 0 46%;height:100%}\n.m5-doors .m5-door:last-child .m5-dtx{flex:1 1 auto}\n.m5-door .bk b{font-size:16px}\n.m5-tl b{font-size:20px}.m5-tl span{font-size:9.5px;letter-spacing:.5px}\n.m5-steps{grid-template-columns:1fr}\n.m5-info div{grid-template-columns:1fr;gap:2px}\n.m5-clock div{min-width:56px}.m5-clock b{font-size:22px}\n.m5-band{padding:48px 0}\n.m5-track img{height:200px}.m5-track{gap:10px}\n}\n@media(prefers-reduced-motion:reduce){\n.m5w *,.m5w *:before,.m5w *:after{animation:none!important;transition:none!important}\n.m5-on .m5-rv,.m5-on .m5-wipe{opacity:1;transform:none}\n.m5-on .m5-wipe\u003eimg{clip-path:none}\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"m5w\" id=\"m5-soon\" style=\"display:none\"\u003e\n  \u003csection class=\"m5-soon\"\u003e\n    \u003csvg class=\"m5-rings\" viewbox=\"0 0 200 200\" aria-hidden=\"true\"\u003e\u003ccircle cx=\"78\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"#c9007a\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"122\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"#c9007a\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"m5-kicker\"\u003e\u003cspan class=\"m5-dot\"\u003e\u003c\/span\u003eMOOPS FIVE · In arrivo\u003c\/p\u003e\n        \u003ch2 class=\"m5-h1\"\u003eIl nostro calendario dell’Avvento apre \u003cspan\u003elunedì 26.\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"m5-intro\"\u003e5 aperture, 5 gioielli da scoprire, solo 100 pezzi. Il pre-order apre a tutti lunedì 26 ottobre: segnati la data.\u003c\/p\u003e\n        \u003cdiv class=\"m5-clockwrap\"\u003e\n          \u003cp class=\"m5-clocklabel\"\u003eApre tra\u003c\/p\u003e\n          \u003cdiv class=\"m5-clock\" data-m5-soonclock\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"d\"\u003e0\u003c\/b\u003e\u003csmall\u003egiorni\u003c\/small\u003e\n\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"h\"\u003e00\u003c\/b\u003e\u003csmall\u003eore\u003c\/small\u003e\n\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"m\"\u003e00\u003c\/b\u003e\u003csmall\u003emin\u003c\/small\u003e\n\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"s\"\u003e00\u003c\/b\u003e\u003csmall\u003esec\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003ca class=\"m5-cta\" href=\"\/en\/collections\/all\"\u003eINTANTO SCOPRI MOOPS \u003ci\u003e→\u003c\/i\u003e\u003c\/a\u003e\n        \u003cp class=\"m5-note\"\u003eSei una cliente VIP MOOPS? Apri questa pagina dal link nella nostra email.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"m5-ph\"\u003e\n\u003cimg src=\"\/cdn\/shop\/files\/moops-five-03.webp?v=1792661326\u0026amp;width=800\" alt=\"MOOPS FIVE, la scatola chiusa\" width=\"1064\" height=\"1330\"\u003e\u003cspan class=\"m5-tag\"\u003eAPRE IL 26.10\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"m5w\" id=\"m5-hero\"\u003e\n  \u003csection class=\"m5-hero\"\u003e\n    \u003csvg class=\"m5-rings\" viewbox=\"0 0 200 200\" aria-hidden=\"true\"\u003e\u003ccircle cx=\"78\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"#c9007a\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"122\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"#c9007a\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"m5-kicker m5-rv\"\u003e\u003cspan class=\"m5-dot\"\u003e\u003c\/span\u003e\n          \u003cspan data-m5-phase=\"before vip\"\u003ePre-order VIP · riservato a te\u003c\/span\u003e\n          \u003cspan data-m5-phase=\"preorder\"\u003ePre-order aperto · solo 100 pezzi\u003c\/span\u003e\n          \u003cspan data-m5-phase=\"closed\"\u003eMOOPS FIVE\u003c\/span\u003e\n        \u003c\/p\u003e\n        \u003ch2 class=\"m5-h1 m5-rv m5-d1\"\u003eQuest’anno l’Avvento\u003cbr\u003esi apre in \u003cspan\u003eFIVE.\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"m5-sub m5-rv m5-d2\"\u003e\u003cb\u003e5 aperture, 5 gioielli\u003c\/b\u003e da scoprire.\u003c\/p\u003e\n        \u003cp class=\"m5-intro m5-rv m5-d2\"\u003eDal 1° al 25 dicembre apri una casella a settimana e trovi un gioiello MOOPS. Una combo costruita sui tuoi gusti, da tenere tutto l’anno.\u003c\/p\u003e\n\n        \u003cdiv class=\"m5-price m5-rv m5-d2\" data-m5-price hidden\u003e\n          \u003cs data-m5-full\u003e\u003c\/s\u003e\u003cb data-m5-sale\u003e\u003c\/b\u003e\u003cem data-m5-pct\u003e\u003c\/em\u003e\n          \u003cspan class=\"m5-value\"\u003eComprati uno per uno, i 5 gioielli costano oltre 230 €\u003c\/span\u003e\n          \u003csmall data-m5-phase=\"before\"\u003ePrezzo VIP, da venerdì 23 a domenica 25 ottobre (ore 23:59).\u003c\/small\u003e\n          \u003csmall data-m5-phase=\"vip\"\u003ePrezzo VIP fino a domenica 25 ottobre, ore 23:59. È un pre-order: spediamo tutti i calendari il 23 novembre.\u003c\/small\u003e\n          \u003csmall data-m5-phase=\"preorder\"\u003ePrezzo pre-order fino al 10 novembre (sconto applicato al checkout). Spediamo tutti i calendari il 23 novembre.\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"m5-clockwrap m5-rv m5-d3\" data-m5-clockwrap hidden\u003e\n          \u003cp class=\"m5-clocklabel\" data-m5-phase=\"before\"\u003eIl pre-order VIP apre tra\u003c\/p\u003e\n          \u003cp class=\"m5-clocklabel\" data-m5-phase=\"vip\"\u003eIl pre-order VIP chiude tra\u003c\/p\u003e\n          \u003cdiv class=\"m5-clock\" data-m5-clock\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"d\"\u003e0\u003c\/b\u003e\u003csmall\u003egiorni\u003c\/small\u003e\n\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"h\"\u003e00\u003c\/b\u003e\u003csmall\u003eore\u003c\/small\u003e\n\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"m\"\u003e00\u003c\/b\u003e\u003csmall\u003emin\u003c\/small\u003e\n\u003c\/div\u003e\n            \u003cdiv\u003e\n\u003cb data-u=\"s\"\u003e00\u003c\/b\u003e\u003csmall\u003esec\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"m5-rv m5-d3\"\u003e\n          \u003ca class=\"m5-cta\" href=\"#\" data-m5-goto\u003e\u003cspan data-m5-cta=\"buy\"\u003ePRE-ORDINA IL TUO MOOPS FIVE\u003c\/span\u003e\u003cspan data-m5-cta=\"soon\"\u003eAPRE VENERDÌ 23 OTTOBRE\u003c\/span\u003e\u003cspan data-m5-cta=\"closed\"\u003eVEDI I DETTAGLI\u003c\/span\u003e \u003ci\u003e→\u003c\/i\u003e\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"m5-chips m5-rv m5-d4\"\u003e\n\u003cspan\u003eSolo 100 pezzi\u003c\/span\u003e\u003cspan\u003eSpedizione il 23 novembre\u003c\/span\u003e\u003cspan\u003eOro o argento\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"m5-heroimg\"\u003e\n        \u003cdiv class=\"m5-ph m5-ph1 m5-wipe\"\u003e\u003cimg src=\"\/cdn\/shop\/files\/moops-five-04.webp?v=1792661325\u0026amp;width=900\" srcset=\"\/cdn\/shop\/files\/moops-five-04.webp?v=1792661325\u0026amp;width=600 600w, \/cdn\/shop\/files\/moops-five-04.webp?v=1792661325\u0026amp;width=1000 1000w\" sizes=\"(max-width:900px) 92vw, 440px\" alt=\"MOOPS FIVE: la fascetta con le date delle cinque aperture e le caselle\" width=\"1064\" height=\"1330\" fetchpriority=\"high\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"m5-ph m5-ph2 m5-wipe\"\u003e\u003cimg src=\"\/cdn\/shop\/files\/moops-five-01.webp?v=1792661325\u0026amp;width=500\" alt=\"Il cartoncino More options, more you dentro MOOPS FIVE\" width=\"941\" height=\"1254\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"m5-badge\" aria-hidden=\"true\"\u003e\n\u003cb\u003e5 aperture\u003c\/b\u003e\u003csmall\u003e5 gioielli da scoprire\u003c\/small\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"m5w\" id=\"moops-five\"\u003e\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003ePerché riservarlo adesso\u003c\/p\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\"\u003eTre buoni motivi\u003cbr\u003eper non aspettare \u003cspan\u003edicembre.\u003c\/span\u003e\n\u003c\/h3\u003e\n      \u003cdiv class=\"m5-why\"\u003e\n        \u003carticle class=\"m5-rv m5-d1\"\u003e\n          \u003cp class=\"n\"\u003e01\u003c\/p\u003e\n          \u003ch3 data-m5-phase=\"before vip\"\u003e−30%, solo per tre giorni.\u003c\/h3\u003e\n          \u003ch3 data-m5-phase=\"preorder closed\"\u003e−15% in pre-order.\u003c\/h3\u003e\n          \u003cp data-m5-phase=\"before vip\"\u003eIl prezzo più basso di MOOPS FIVE è riservato ai nostri clienti VIP, da venerdì 23 a domenica 25 ottobre. Dal 26 lo sconto scende al 15%.\u003c\/p\u003e\n          \u003cp data-m5-phase=\"preorder closed\"\u003eFino al 10 novembre, o fino a esaurimento dei 100 pezzi.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"m5-rv m5-d2\"\u003e\n          \u003cp class=\"n\"\u003e02\u003c\/p\u003e\n          \u003ch3\u003eIl nuovo colore, prima di tutti.\u003c\/h3\u003e\n          \u003cp\u003eUno dei due HOOP è in uno dei 4 nuovi colori che arrivano a novembre con la Secret Black Week, in pochi pezzi. Così te lo riservi già adesso.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"m5-rv m5-d3\"\u003e\n          \u003cp class=\"n\"\u003e03\u003c\/p\u003e\n          \u003ch3\u003eUna combo pensata su di te.\u003c\/h3\u003e\n          \u003cp\u003eCi indichi finitura e colore guida, noi abbiniamo i cinque pezzi uno per uno. Valgono oltre 230 € se acquistati singolarmente.\u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003eCosa c’è dentro\u003c\/p\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\"\u003e5 aperture.\u003cbr\u003e\u003cspan\u003e5 gioielli da scoprire.\u003c\/span\u003e\n\u003c\/h3\u003e\n      \u003cp class=\"m5-lead m5-rv m5-d2\"\u003eOgni pezzo funziona da solo, con gli altri del calendario e con quello che hai già.\u003c\/p\u003e\n      \u003cdiv class=\"m5-doors\" data-m5-doors\u003e\n        \u003cbutton type=\"button\" class=\"m5-door\" aria-label=\"Apri la casella 1\"\u003e\u003cspan class=\"bk\"\u003e\u003cspan class=\"m5-dimg\"\u003e\u003cspan class=\"m5-es\"\u003eEsempio\u003c\/span\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/orecchino-hoop-color-berrymoops-4593738.png?v=1779104127\u0026amp;width=300\" alt=\"Esempio: orecchino HOOP\" width=\"300\" height=\"300\"\u003e\u003c\/span\u003e\u003cspan class=\"m5-dtx\"\u003e\u003cb\u003eHOOP\u003c\/b\u003e\u003csmall\u003eLa base della combo\u003c\/small\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"fr\"\u003e\u003cb\u003e1\u003c\/b\u003e\u003csmall\u003eApri\u003c\/small\u003e\u003c\/span\u003e\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"m5-door\" aria-label=\"Apri la casella 2\"\u003e\u003cspan class=\"bk\"\u003e\u003cspan class=\"m5-dimg m5-secret\" aria-hidden=\"true\"\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan class=\"m5-glit\"\u003e\u003c\/span\u003e\u003cem\u003eTOP SECRET\u003c\/em\u003e\u003c\/span\u003e\u003cspan class=\"m5-dtx\"\u003e\u003cb\u003eHOOP nuovo colore\u003c\/b\u003e\u003csmall\u003eUno dei 4 colori nuovi della Secret Black Week\u003c\/small\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"fr\"\u003e\u003cb\u003e2\u003c\/b\u003e\u003csmall\u003eApri\u003c\/small\u003e\u003c\/span\u003e\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"m5-door\" aria-label=\"Apri la casella 3\"\u003e\u003cspan class=\"bk\"\u003e\u003cspan class=\"m5-dimg\"\u003e\u003cspan class=\"m5-es\"\u003eEsempio\u003c\/span\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/cuff-shiny-band-champagnemoops-9013103.png?v=1779104233\u0026amp;width=300\" alt=\"Esempio: earcuff\" width=\"300\" height=\"300\"\u003e\u003c\/span\u003e\u003cspan class=\"m5-dtx\"\u003e\u003cb\u003eEARCUFF\u003c\/b\u003e\u003csmall\u003eCambia il look senza rifare tutto\u003c\/small\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"fr\"\u003e\u003cb\u003e3\u003c\/b\u003e\u003csmall\u003eApri\u003c\/small\u003e\u003c\/span\u003e\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"m5-door\" aria-label=\"Apri la casella 4\"\u003e\u003cspan class=\"bk\"\u003e\u003cspan class=\"m5-dimg m5-trio\"\u003e\u003cspan class=\"m5-es\"\u003eEsempio\u003c\/span\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/orecchino-loop-heart-goldmoops-4784839.png?v=1779104055\u0026amp;width=300\" alt=\"Esempio: LOOP\" width=\"300\" height=\"300\"\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/orecchino-floox-butterfly-goldmoops-3372889.png?v=1779104180\u0026amp;width=300\" alt=\"Esempio: FLOOX\" width=\"300\" height=\"300\"\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/orecchino-dot-shiny-gold-amethystmoops-6733287.png?v=1779104183\u0026amp;width=300\" alt=\"Esempio: DOT\" width=\"300\" height=\"300\"\u003e\u003c\/span\u003e\u003cspan class=\"m5-dtx\"\u003e\u003cb\u003eLOOP, FLOOX o DOT\u003c\/b\u003e\u003csmall\u003eUno dei tre: punto luce, movimento o micro-accento\u003c\/small\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"fr\"\u003e\u003cb\u003e4\u003c\/b\u003e\u003csmall\u003eApri\u003c\/small\u003e\u003c\/span\u003e\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"m5-door\" aria-label=\"Apri la casella 5\"\u003e\u003cspan class=\"bk\"\u003e\u003cspan class=\"m5-dimg\"\u003e\u003cspan class=\"m5-es\"\u003eEsempio\u003c\/span\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/charm-donut-stones-opalemoops-5916118.png?v=1779104109\u0026amp;width=300\" alt=\"Esempio: charm\" width=\"300\" height=\"300\"\u003e\u003c\/span\u003e\u003cspan class=\"m5-dtx\"\u003e\u003cb\u003eCHARM\u003c\/b\u003e\u003csmall\u003eLa tua firma personale\u003c\/small\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"fr\"\u003e\u003cb\u003e5\u003c\/b\u003e\u003csmall\u003eApri\u003c\/small\u003e\u003c\/span\u003e\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"m5-disc m5-rv\"\u003e\u003cb\u003ei\u003c\/b\u003e\u003cspan\u003eLe foto sono solo a titolo di esempio: i pezzi del tuo MOOPS FIVE sono una sorpresa. Non saranno per forza questi, ma arriveranno da queste famiglie, abbinati alla tua finitura e al tuo colore guida. Il colore nuovo resta segreto fino alla Secret Black Week.\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"m5-hint m5-rv\"\u003ePiù il portagioielli: la scatola resta, a casa o in viaggio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-strip\" aria-label=\"Foto di MOOPS FIVE\"\u003e\n    \u003cdiv class=\"m5-track\" data-m5-track\u003e\n      \u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/moops-five-03.webp?v=1792661326\u0026amp;width=600\" alt=\"La scatola MOOPS FIVE chiusa con logo in rilievo\" width=\"1064\" height=\"1479\"\u003e\n      \u003cspan\u003eMore options.\u003c\/span\u003e\n      \u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/moops-five-01.webp?v=1792661325\u0026amp;width=600\" alt=\"Il cartoncino More options, more you e le caselle\" width=\"941\" height=\"1672\"\u003e\n      \u003cspan\u003eMore you.\u003c\/span\u003e\n      \u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/moops-five-04.webp?v=1792661325\u0026amp;width=600\" alt=\"La fascetta con le date delle aperture\" width=\"1064\" height=\"1479\"\u003e\n      \u003cspan\u003e5 gioielli.\u003c\/span\u003e\n      \u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/moops-five-02.webp?v=1792661325\u0026amp;width=600\" alt=\"Il dorso della scatola con la scritta More options. More you.\" width=\"1064\" height=\"1479\"\u003e\n      \u003cspan\u003e100 pezzi.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003eLe aperture\u003c\/p\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\"\u003eDal 1° al 25 dicembre,\u003cbr\u003e\u003cspan\u003eal tuo ritmo.\u003c\/span\u003e\n\u003c\/h3\u003e\n      \u003cdiv class=\"m5-tl\" data-m5-tl\u003e\n        \u003cdiv\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cb\u003e01\u003csup\u003e.12\u003c\/sup\u003e\u003c\/b\u003e\u003cspan\u003ePrima\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cb\u003e08\u003csup\u003e.12\u003c\/sup\u003e\u003c\/b\u003e\u003cspan\u003eSeconda\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cb\u003e15\u003csup\u003e.12\u003c\/sup\u003e\u003c\/b\u003e\u003cspan\u003eTerza\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cb\u003e22\u003csup\u003e.12\u003c\/sup\u003e\u003c\/b\u003e\u003cspan\u003eQuarta\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cb\u003e25\u003csup\u003e.12\u003c\/sup\u003e\u003c\/b\u003e\u003cspan\u003eNatale\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"m5-lead m5-rv\"\u003eOgni scatolina riporta la data che ti consigliamo. Ma decidi tu quando aprirla: è il tuo calendario.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003eCome funziona\u003c\/p\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\"\u003eTu ci dai un punto di partenza.\u003cbr\u003e\u003cspan\u003eAl resto pensiamo noi.\u003c\/span\u003e\n\u003c\/h3\u003e\n      \u003cdiv class=\"m5-steps\"\u003e\n        \u003carticle class=\"m5-rv m5-d1\"\u003e\u003cspan class=\"n\"\u003e1\u003c\/span\u003e\u003ch3\u003eScegli la finitura\u003c\/h3\u003e\n\u003cp\u003eSarà la prevalenza della combo, non l’unica finitura presente.\u003c\/p\u003e\n\u003cdiv class=\"m5-swatch\"\u003e\n\u003cspan\u003eOro\u003c\/span\u003e\u003cspan\u003eArgento\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n        \u003carticle class=\"m5-rv m5-d2\"\u003e\u003cspan class=\"n\"\u003e2\u003c\/span\u003e\u003ch3\u003eScegli un colore guida\u003c\/h3\u003e\n\u003cp\u003eCi sarà, ma non sarà tutta la combo: lasciamo spazio alla sorpresa.\u003c\/p\u003e\n\u003cdiv class=\"m5-swatch\"\u003e\n\u003cspan\u003ees. lilla\u003c\/span\u003e\u003cspan\u003everde\u003c\/span\u003e\u003cspan\u003erosso\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n        \u003carticle class=\"m5-rv m5-d3\"\u003e\u003cspan class=\"n\"\u003e3\u003c\/span\u003e\u003ch3\u003eNoi costruiamo la combo\u003c\/h3\u003e\n\u003cp\u003eAbbiniamo i cinque pezzi perché stiano bene insieme e con quello che porti già. Il 23 novembre la spediamo.\u003c\/p\u003e\u003c\/article\u003e\n      \u003c\/div\u003e\n      \u003ca class=\"m5-cta m5-rv\" href=\"#\" data-m5-goto\u003eSCEGLI FINITURA E COLORE \u003ci\u003e→\u003c\/i\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in m5-split\"\u003e\n      \u003cdiv class=\"m5-ph m5-wipe\"\u003e\u003cimg loading=\"lazy\" src=\"\/cdn\/shop\/files\/moops-five-03.webp?v=1792661326\u0026amp;width=900\" alt=\"MOOPS FIVE chiuso: diventa il tuo portagioielli\" width=\"1064\" height=\"1330\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"m5-rv m5-d1\"\u003e\n        \u003cp class=\"m5-kicker\"\u003ePer te o da regalare\u003c\/p\u003e\n        \u003ch3 class=\"m5-h2\"\u003eNon finisce\u003cbr\u003eil \u003cspan\u003e25 dicembre.\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"m5-lead\" style=\"margin-left:0!important\"\u003eQuando hai aperto l’ultima casella, MOOPS FIVE diventa il tuo portagioielli. E i cinque pezzi diventano l’inizio (o il passo successivo) della tua combo: si aggiungono a quelli che hai e continuano a funzionare tutto l’anno.\u003c\/p\u003e\n        \u003cp class=\"m5-lead\" style=\"margin-left:0!important\"\u003eDa regalare? Arriva prima del 1° dicembre. Se non conosci i gusti di chi lo riceve, scegli la finitura che porta più spesso.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-band\"\u003e\n    \u003csvg class=\"m5-rings\" viewbox=\"0 0 200 200\" aria-hidden=\"true\"\u003e\u003ccircle cx=\"78\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"122\" cy=\"100\" r=\"62\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003e\u003cspan class=\"m5-dot\"\u003e\u003c\/span\u003e\u003cspan data-m5-phase=\"before vip\"\u003ePre-order VIP · −30%\u003c\/span\u003e\u003cspan data-m5-phase=\"preorder\"\u003ePre-order · −15%\u003c\/span\u003e\u003cspan data-m5-phase=\"closed\"\u003eMOOPS FIVE\u003c\/span\u003e\u003c\/p\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\" data-m5-phase=\"before\"\u003eVenerdì apre l’accesso VIP.\u003c\/h3\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\" data-m5-phase=\"vip\"\u003eDomenica a mezzanotte\u003cbr\u003eil pre-order VIP chiude.\u003c\/h3\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\" data-m5-phase=\"preorder\"\u003eIl pre-order chiude il 10 novembre.\u003c\/h3\u003e\n      \u003ch3 class=\"m5-h2 m5-rv m5-d1\" data-m5-phase=\"closed\"\u003eIl pre-order è chiuso.\u003c\/h3\u003e\n      \u003cdiv class=\"m5-clockwrap m5-rv m5-d2\" data-m5-clockwrap hidden\u003e\n        \u003cdiv class=\"m5-clock\" data-m5-clock\u003e\n          \u003cdiv\u003e\n\u003cb data-u=\"d\"\u003e0\u003c\/b\u003e\u003csmall\u003egiorni\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003cdiv\u003e\n\u003cb data-u=\"h\"\u003e00\u003c\/b\u003e\u003csmall\u003eore\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003cdiv\u003e\n\u003cb data-u=\"m\"\u003e00\u003c\/b\u003e\u003csmall\u003emin\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003cdiv\u003e\n\u003cb data-u=\"s\"\u003e00\u003c\/b\u003e\u003csmall\u003esec\u003c\/small\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"m5-lead m5-rv m5-d2\" data-m5-phase=\"before vip preorder\"\u003e100 calendari, una combo ciascuno. Scegli finitura e colore guida: al resto pensiamo noi.\u003c\/p\u003e\n      \u003cdiv class=\"m5-rv m5-d3\" data-m5-phase=\"before vip preorder\"\u003e\u003ca class=\"m5-cta m5-white\" href=\"#\" data-m5-goto\u003e\u003cspan data-m5-cta=\"buy\"\u003ePRE-ORDINA IL TUO MOOPS FIVE\u003c\/span\u003e\u003cspan data-m5-cta=\"soon\"\u003eAPRE VENERDÌ 23 OTTOBRE\u003c\/span\u003e \u003ci\u003e→\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003eTutto chiaro, prima di scegliere\u003c\/p\u003e\n      \u003cdl class=\"m5-info m5-rv m5-d1\"\u003e\n        \u003cdiv\u003e\n\u003cdt\u003ePre-order VIP\u003c\/dt\u003e\n\u003cdd\u003eDa venerdì 23 a domenica 25 ottobre, ore 23:59: −30%.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003ePre-order\u003c\/dt\u003e\n\u003cdd\u003eDal 26 ottobre al 10 novembre: −15%, fino a esaurimento.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003ePrezzo\u003c\/dt\u003e\n\u003cdd\u003e195 €. Pre-order VIP: 136,50 € (−30%). Pre-order: 165,75 € (−15%).\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003eValore\u003c\/dt\u003e\n\u003cdd\u003eComprati uno per uno ai prezzi del sito, i 5 gioielli di ogni calendario costano oltre 230 €.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003eTiratura\u003c\/dt\u003e\n\u003cdd\u003e100 calendari.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003eSpedizione\u003c\/dt\u003e\n\u003cdd\u003eTutti i calendari partono il 23 novembre.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003eContenuto\u003c\/dt\u003e\n\u003cdd\u003e2 HOOP (uno in un nuovo colore), 1 earcuff, 1 tra LOOP, FLOOX o DOT, 1 charm. Confezione portagioielli.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003ePersonalizzazione\u003c\/dt\u003e\n\u003cdd\u003eFinitura (oro o argento) e colore guida, scelti prima di aggiungere al carrello.\u003c\/dd\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdt\u003eResi\u003c\/dt\u003e\n\u003cdd\u003eSolo del calendario completo, entro 14 giorni dalla consegna, con tutti i gioielli in perfette condizioni. Niente reso o cambio dei singoli pezzi. Gioielli difettosi o danneggiati: garanzia di 24 mesi, li sostituiamo.\u003c\/dd\u003e\n\u003c\/div\u003e\n      \u003c\/dl\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-sec\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-kicker m5-rv\"\u003eDomande\u003c\/p\u003e\n      \u003cdiv class=\"m5-faq m5-rv m5-d1\"\u003e\n        \u003cdetails\u003e\u003csummary\u003ePosso ordinarlo insieme ad altri gioielli?\u003c\/summary\u003e\u003cp\u003eMOOPS FIVE parte il 23 novembre. Se vuoi ricevere prima gli altri gioielli, ti consigliamo di fare due ordini separati.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003ePosso scegliere i singoli pezzi?\u003c\/summary\u003e\u003cp\u003eNo, ed è il bello: scegli la finitura e un colore guida, i pezzi li abbiniamo noi. Se hai una preferenza importante (per esempio un colore che non porti mai), scrivicelo nelle note dell’ordine o mandaci un messaggio.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003eLo posso regalare?\u003c\/summary\u003e\u003cp\u003eSì. Arriva in tempo per la prima apertura del 1° dicembre. Se non conosci i gusti di chi lo riceve, scegli la finitura che porta più spesso: al resto pensiamo noi.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003eDevo aprire le caselle in quelle date?\u003c\/summary\u003e\u003cp\u003eLe date sono un consiglio. Puoi aprirle quando vuoi.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003ePosso fare reso o cambio?\u003c\/summary\u003e\u003cp\u003eSì, ma solo del calendario completo. MOOPS FIVE è un unico prodotto: non è possibile rendere o cambiare i singoli gioielli. Entro 14 giorni dalla consegna puoi restituire il cofanetto intero, con tutti e 5 i gioielli non indossati e in perfette condizioni e la confezione originale: ti rimborsiamo l’importo che hai pagato. Se un gioiello arriva danneggiato o ha un difetto, è coperto dalla garanzia legale di 24 mesi e lo sostituiamo. Scrivici, siamo qui.\u003c\/p\u003e\u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"m5-end\"\u003e\n    \u003cdiv class=\"m5-in\"\u003e\n      \u003cp class=\"m5-lead m5-rv\"\u003e5 aperture, 5 gioielli, una combo tua.\u003cbr\u003e\u003cstrong\u003eMore options. More you.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003ca class=\"m5-cta m5-rv m5-d1\" href=\"#\" data-m5-goto data-m5-phase=\"before vip preorder\"\u003e\u003cspan data-m5-cta=\"buy\"\u003ePRE-ORDINA IL TUO MOOPS FIVE\u003c\/span\u003e\u003cspan data-m5-cta=\"soon\"\u003eAPRE VENERDÌ 23 OTTOBRE\u003c\/span\u003e \u003ci\u003e→\u003c\/i\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"m5-lock\" id=\"m5-lock\" hidden\u003e\n    \u003cp class=\"m5-lt\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"\u003e\u003crect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M8 10V7a4 4 0 0 1 8 0v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003eIl tuo accesso VIP apre venerdì 23 ottobre alle 00:00.\u003c\/p\u003e\n    \u003cp\u003eDa quel momento trovi qui il pulsante per riservare il tuo MOOPS FIVE con il −30%. Torna su questa pagina dal link della nostra email.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"m5-field\" id=\"m5-color-field\"\u003e\n    \u003clabel class=\"m5-cg-row\" for=\"m5-color\"\u003e\n      \u003cspan class=\"m5-cg-lb\"\u003eColore guida \u003cspan style=\"color:#c9007a\"\u003e*\u003c\/span\u003e\u003c\/span\u003e\n      \u003cselect id=\"m5-color\" name=\"properties[Colore guida]\" required\u003e\n        \u003coption value=\"\" selected disabled\u003eScegli un colore\u003c\/option\u003e\n        \u003coption\u003eBianco\u003c\/option\u003e\n        \u003coption\u003eNero\u003c\/option\u003e\n        \u003coption\u003eGiallo\u003c\/option\u003e\n        \u003coption\u003eArancione\u003c\/option\u003e\n        \u003coption\u003eRosso\u003c\/option\u003e\n        \u003coption\u003eRosa\u003c\/option\u003e\n        \u003coption\u003eFucsia\u003c\/option\u003e\n        \u003coption\u003eViola\u003c\/option\u003e\n        \u003coption\u003eLilla\u003c\/option\u003e\n        \u003coption\u003eAzzurro\u003c\/option\u003e\n        \u003coption\u003eBlu\u003c\/option\u003e\n        \u003coption\u003eVerde\u003c\/option\u003e\n        \u003coption\u003eVerde acqua\u003c\/option\u003e\n        \u003coption value=\"Sorprendetemi\"\u003eSorprendetemi (scegliete voi)\u003c\/option\u003e\n      \u003c\/select\u003e\n    \u003c\/label\u003e\n    \u003csmall\u003eIl colore da cui partiamo per costruire la tua combo: ci sarà, ma non sarà l’unico.\u003c\/small\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  \/* ===== CONFIG (ora italiana; il 25\/10 torna l'ora solare) ===== *\/\n  var CONFIG = {\n    vipStart: '2026-10-23T00:00:00+02:00',\n    vipEnd:   '2026-10-26T00:00:00+01:00',   \/* = domenica 25 ottobre, 23:59:59 *\/\n    preEnd:   '2026-11-11T00:00:00+01:00',   \/* = martedì 10 novembre, 23:59:59 *\/\n    vipPct: 30,\n    prePct: 15,\n    vipCode: 'MOOPSFIVEVIP'    \/* codice −30% inviato solo alla lista VIP di Klaviyo (VIP 250+). Il −15% dal 26 è automatico *\/\n  };\n\n  var soon = document.getElementById('m5-soon');\n  var hero = document.getElementById('m5-hero');\n  var body = document.getElementById('moops-five');\n  if (!hero || !body || body.getAttribute('data-m5-ready')) return;\n  body.setAttribute('data-m5-ready', '1');\n  hero.classList.add('m5-on');\n  body.classList.add('m5-on');\n  var isPdp = location.pathname.indexOf('\/products\/') !== -1;\n\n  \/* ---------- Chi è VIP: arriva dal link dell'email (?vip=1 oppure \/discount\/CODICE) ---------- *\/\n  function store(k, v) { try { if (v === undefined) return localStorage.getItem(k); localStorage.setItem(k, v); } catch (e) { return null; } }\n  function cookie(name) { var m = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)')); return m ? decodeURIComponent(m[1]) : ''; }\n  if (\/[?\u0026]vip=1\\b\/.test(location.search)) store('m5vip', '1');\n  if (cookie('discount_code').toUpperCase() === CONFIG.vipCode) store('m5vip', '1');\n  var isVip = store('m5vip') === '1';\n\n  function $$(sel, ctx) { return Array.prototype.slice.call((ctx || document).querySelectorAll(sel)); }\n  function both(sel) { return $$(sel, hero).concat($$(sel, body)); }\n\n  \/* ---------- Form prodotto del tema ---------- *\/\n  function isFixed(el) {\n    for (var n = el; n \u0026\u0026 n !== document.body; n = n.parentElement) {\n      var pos = getComputedStyle(n).position;\n      if (pos === 'fixed' || pos === 'sticky' \u0026\u0026 n.offsetHeight \u003c 200) return true;\n    }\n    return false;\n  }\n  function findProductForm() {\n    var forms = $$('form[action*=\"\/cart\/add\"]').filter(function (f) {\n      \/\/ il form vero ha il pulsante \"aggiungi\"; il tema ha anche un form nascosto per le rate (.installment)\n      return f.querySelector('[name=\"id\"]') \u0026\u0026 f.querySelector('[name=\"add\"], [type=\"submit\"]') \u0026\u0026 !f.classList.contains('installment') \u0026\u0026 !isFixed(f) \u0026\u0026\n        !f.closest('header, footer, cart-drawer, #CartDrawer, .cart-drawer, [id*=\"QuickAdd\"], [class*=\"quick-add\"], [class*=\"cart-bar\"], [id*=\"cart-bar\"]');\n    });\n    var main = document.querySelector('main, #MainContent');\n    var inMain = forms.filter(function (f) { return main \u0026\u0026 main.contains(f); });\n    return inMain[0] || forms[0] || null;\n  }\n\n  \/* ---------- Landing a tutta pagina: hero sopra il prodotto, resto sotto ---------- *\/\n  if (isPdp) {\n    var origin = body.parentElement;\n    var form = findProductForm();\n    var sec = form \u0026\u0026 form.closest('.shopify-section');\n    if (sec \u0026\u0026 sec.parentNode) {\n      if (soon) sec.parentNode.insertBefore(soon, sec);\n      sec.parentNode.insertBefore(hero, sec);\n      sec.parentNode.insertBefore(body, sec.nextSibling);\n      \/\/ la pagina finisce con la landing: niente correlati, \"visti di recente\", newsletter\n      var hideAfter = function () {\n        for (var nx = body.nextElementSibling; nx; nx = nx.nextElementSibling) {\n          if (nx.classList \u0026\u0026 nx.classList.contains('shopify-section')) nx.style.display = 'none';\n        }\n      };\n      hideAfter();\n      document.addEventListener('DOMContentLoaded', hideAfter);\n      \/\/ nasconde la voce \"Descrizione\" rimasta vuota nella colonna del prodotto\n      \/\/ (risale finché il contenitore ha solo il titolo, senza toccare la colonna con il form)\n      var node = origin, txt = function (n) { return (n.innerText || '').replace(\/\\s+\/g, ' ').trim(); };\n      while (node \u0026\u0026 node.parentElement \u0026\u0026 sec.contains(node.parentElement) \u0026\u0026\n             !node.parentElement.contains(form) \u0026\u0026 txt(node.parentElement).length \u003c 40) node = node.parentElement;\n      if (node \u0026\u0026 node !== sec \u0026\u0026 sec.contains(node) \u0026\u0026 !node.contains(form) \u0026\u0026 txt(node).length \u003c 40) node.style.display = 'none';\n    }\n  }\n\n  \/* ---------- Fasi, countdown, prezzo ---------- *\/\n  var t = { vs: Date.parse(CONFIG.vipStart), ve: Date.parse(CONFIG.vipEnd), pe: Date.parse(CONFIG.preEnd) };\n  function phaseAt(now) {\n    if (now \u003c t.vs \u0026\u0026 !isVip) return { name: 'before', until: t.vs, pct: CONFIG.vipPct };\n    if (now \u003c t.ve) return { name: 'vip', until: t.ve, pct: CONFIG.vipPct }; \/\/ chi ha il link VIP entra subito\n    if (now \u003c t.pe) return { name: 'preorder', until: t.pe, pct: CONFIG.prePct };\n    return { name: 'closed', until: null, pct: 0 };\n  }\n  var current = null, priceCents = 0;\n  var eur = (window.Intl \u0026\u0026 Intl.NumberFormat) ? new Intl.NumberFormat('it-IT', { style: 'currency', currency: 'EUR' }) : null;\n  function money(c) { return eur ? eur.format(c \/ 100) : '€ ' + (c \/ 100).toFixed(2).replace('.', ','); }\n  \/\/ Prezzo nella scheda del tema: \"195 €\" diventa barrato + prezzo scontato\n  function themePrice(p) {\n    var f = findProductForm(), sec = f \u0026\u0026 f.closest('.shopify-section');\n    if (!sec || !priceCents) return;\n    var full = money(priceCents), digits = (priceCents \/ 100).toFixed(2).replace('.', ',');\n    var want = p.pct ? 'm5-' + p.pct : '';\n    $$('[data-m5-tp]', sec).forEach(function (el) {\n      if (el.getAttribute('data-m5-tp') !== want) { el.innerHTML = el.getAttribute('data-m5-orig'); el.removeAttribute('data-m5-tp'); el.classList.remove('m5-tprice'); }\n    });\n    if (!p.pct) return;\n    var cands = $$('*', sec).filter(function (el) {\n      if (el.closest('script, style, template, noscript, #m5-color-field, #m5-lock, .m5-tprice, s, del, select, option, button, form [name]')) return false;\n      var t = (el.textContent || '').replace(\/\\s+\/g, ' ').trim();\n      return t.length \u003c 30 \u0026\u0026 t.indexOf(digits) !== -1 \u0026\u0026 !$$('*', el).some(function (c) { return (c.textContent || '').indexOf(digits) !== -1; });\n    });\n    cands.slice(0, 2).forEach(function (el) {\n      if (el.getAttribute('data-m5-tp')) return;\n      el.setAttribute('data-m5-orig', el.innerHTML);\n      el.setAttribute('data-m5-tp', want);\n      el.classList.add('m5-tprice');\n      var sale = Math.round(priceCents * (100 - p.pct) \/ 100);\n      el.innerHTML = '\u003cs\u003e' + full + '\u003c\/s\u003e\u003cb\u003e' + money(sale) + '\u003c\/b\u003e\u003cem\u003e−' + p.pct + '%\u003c\/em\u003e' +\n        '\u003csmall\u003eComprati uno per uno, i 5 gioielli costano oltre 230 €\u003c\/small\u003e' +\n        '\u003cspan class=\"m5-klarna\"\u003eOppure 3 rate da \u003cstrong\u003e' + money(Math.round(sale \/ 3)) + '\u003c\/strong\u003e senza interessi con ' +\n        '\u003cimg src=\"https:\/\/x.klarnacdn.net\/payment-method\/assets\/badges\/generic\/klarna.svg\" alt=\"Klarna\" width=\"54\" height=\"30\"\u003e\u003c\/span\u003e';\n    });\n  }\n  function renderPrice(p) {\n    if (!isTeaser(p.name)) themePrice(isLocked(p.name) \u0026\u0026 p.name !== 'before' ? { pct: 0 } : p);\n    var box = hero.querySelector('[data-m5-price]');\n    if (!box) return;\n    if (!priceCents || !p.pct) { box.hidden = true; return; }\n    box.querySelector('[data-m5-full]').textContent = money(priceCents);\n    box.querySelector('[data-m5-sale]').textContent = money(Math.round(priceCents * (100 - p.pct) \/ 100));\n    box.querySelector('[data-m5-pct]').textContent = '−' + p.pct + '%';\n    box.hidden = false;\n  }\n  function pad(n) { return (n \u003c 10 ? '0' : '') + n; }\n  var lockBox = document.getElementById('m5-lock');\n  function isTeaser(name) { return (name === 'before' || name === 'vip') \u0026\u0026 !isVip; }\n  function isLocked(name) { return name === 'before' || isTeaser(name); }\n  function showTeaser(on) {\n    if (!soon || !isPdp) on = false;\n    if (soon) soon.style.display = on ? '' : 'none';\n    hero.style.display = on ? 'none' : '';\n    body.style.display = on ? 'none' : '';\n    var f = findProductForm(), sec = f \u0026\u0026 f.closest('.shopify-section');\n    if (sec) sec.style.display = on ? 'none' : '';\n    document.documentElement.classList.toggle('m5-teaser', on);\n    \/\/ barre \"aggiungi al carrello\" fisse del tema\n    $$('form[action*=\"\/cart\/add\"]').forEach(function (fm) {\n      if (fm === f || !isFixed(fm)) return;\n      var n = fm; while (n.parentElement \u0026\u0026 n.parentElement !== document.body \u0026\u0026 isFixed(n.parentElement)) n = n.parentElement;\n      n.style.display = on ? 'none' : '';\n    });\n  }\n  function applyState(p) {\n    var locked = isLocked(p.name);\n    var cta = p.name === 'closed' ? 'closed' : locked ? 'soon' : 'buy';\n    showTeaser(isTeaser(p.name));\n    both('[data-m5-phase]').concat(lockBox ? $$('[data-m5-phase]', lockBox) : []).forEach(function (el) {\n      el.hidden = (' ' + el.getAttribute('data-m5-phase') + ' ').indexOf(' ' + p.name + ' ') === -1;\n    });\n    both('[data-m5-cta]').forEach(function (el) { el.hidden = el.getAttribute('data-m5-cta') !== cta; });\n    if (lockBox) lockBox.hidden = !locked;\n    var f = findProductForm();\n    if (f) {\n      f.classList.toggle('m5-locked', locked);\n      var fs = f.closest('.shopify-section');\n      if (fs) fs.classList.toggle('m5-locked', locked);\n    }\n    renderPrice(p);\n  }\n  function tick() {\n    var now = Date.now(), p = phaseAt(now);\n    if (p.name !== current) {\n      current = p.name;\n      applyState(p);\n    }\n    if (!isTeaser(p.name) \u0026\u0026 priceCents) themePrice(p); \/\/ il tema può ridisegnare il prezzo al cambio variante\n    if (soon \u0026\u0026 isTeaser(p.name)) {\n      var s2 = Math.max(0, Math.floor((t.ve - now) \/ 1000));\n      $$('[data-m5-soonclock]', soon).forEach(function (c) {\n        c.querySelector('[data-u=\"d\"]').textContent = Math.floor(s2 \/ 86400);\n        c.querySelector('[data-u=\"h\"]').textContent = pad(Math.floor(s2 \/ 3600) % 24);\n        c.querySelector('[data-u=\"m\"]').textContent = pad(Math.floor(s2 \/ 60) % 60);\n        c.querySelector('[data-u=\"s\"]').textContent = pad(s2 % 60);\n      });\n    }\n    var showClock = p.name === 'before' || p.name === 'vip';\n    both('[data-m5-clockwrap]').forEach(function (w) { w.hidden = !showClock; });\n    if (showClock) {\n      var s = Math.max(0, Math.floor((p.until - now) \/ 1000));\n      both('[data-m5-clock]').forEach(function (c) {\n        c.querySelector('[data-u=\"d\"]').textContent = Math.floor(s \/ 86400);\n        c.querySelector('[data-u=\"h\"]').textContent = pad(Math.floor(s \/ 3600) % 24);\n        c.querySelector('[data-u=\"m\"]').textContent = pad(Math.floor(s \/ 60) % 60);\n        c.querySelector('[data-u=\"s\"]').textContent = pad(s % 60);\n      });\n    }\n  }\n  tick();\n  setInterval(tick, 1000);\n  \/\/ a pagina completa (barre fisse e sezioni del tema arrivano dopo questo script)\n  document.addEventListener('DOMContentLoaded', function () { applyState(phaseAt(Date.now())); });\n\n  if (isPdp \u0026\u0026 window.fetch) {\n    var handle = location.pathname.split('\/products\/')[1].split(\/[\/?#]\/)[0];\n    fetch('\/products\/' + handle + '.js').then(function (r) { return r.json(); }).then(function (pr) {\n      priceCents = pr.price || 0;\n      renderPrice(phaseAt(Date.now()));\n    }).catch(function () {});\n  }\n\n  \/* ---------- Animazioni allo scroll ---------- *\/\n  var doors = $$('.m5-door', body);\n  doors.forEach(function (d) { d.addEventListener('click', function () { d.classList.toggle('is-open'); }); });\n  var tl = body.querySelector('[data-m5-tl]');\n  var targets = both('.m5-rv').concat(both('.m5-wipe'));\n  var track = body.querySelector('[data-m5-track]');\n  if (track) track.innerHTML += track.innerHTML; \/\/ striscia infinita\n  if (tl) targets.push(tl);\n  var doorWrap = body.querySelector('[data-m5-doors]');\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (!e.isIntersecting) return;\n        e.target.classList.add('is-in');\n        if (e.target === doorWrap) doors.forEach(function (d, i) { setTimeout(function () { d.classList.add('is-open'); }, 300 + i * 350); });\n        io.unobserve(e.target);\n      });\n    }, { threshold: 0.18, rootMargin: '0px 0px -40px 0px' });\n    targets.forEach(function (el) { io.observe(el); });\n    if (doorWrap) io.observe(doorWrap);\n  } else {\n    targets.forEach(function (el) { el.classList.add('is-in'); });\n    doors.forEach(function (d) { d.classList.add('is-open'); });\n  }\n\n  \/* ---------- Fuori dalla pagina prodotto: niente campo né pulsanti ---------- *\/\n  if (!isPdp) {\n    var f0 = document.getElementById('m5-color-field');\n    if (f0) f0.remove();\n    if (lockBox) lockBox.remove();\n    if (soon) soon.remove();\n    both('[data-m5-goto]').forEach(function (el) { el.hidden = true; });\n    return;\n  }\n\n  \/* ---------- Campo \"Colore guida\" dentro il form del tema ---------- *\/\n  \/\/ Scheda d'acquisto sul modello HOOP COLOR: niente wishlist\/accordion, punti sotto i pagamenti, nota spedizione\n  function tidyBuyBox() {\n    var form = findProductForm(), sec = form \u0026\u0026 form.closest('.shopify-section');\n    if (!sec) return;\n    sec.classList.add('m5-pdp');\n    var pts = sec.querySelector('[id*=\"love_loyalty_program_product\"]'), pay = sec.querySelector('[id*=\"vitals_payment_logos\"]');\n    if (pts \u0026\u0026 pay \u0026\u0026 pay.parentNode \u0026\u0026 pay.nextElementSibling !== pts) pay.parentNode.insertBefore(pts, pay.nextSibling);\n    var btns = form.closest('.product__block--buttons') || form;\n    if (!sec.querySelector('.m5-ship') \u0026\u0026 btns.parentNode) {\n      var ship = document.createElement('p');\n      ship.className = 'm5-ship';\n      ship.innerHTML = '\u003cb\u003ePre-order\u003c\/b\u003e · spediamo tutti i calendari il 23 novembre';\n      btns.parentNode.insertBefore(ship, btns.nextSibling);\n    }\n  }\n\n  function placeField() {\n    var field = document.getElementById('m5-color-field');\n    var form = findProductForm();\n    if (!field || !form) return false;\n    tidyBuyBox();\n    \/\/ fuori dal form del tema (che mette tutto su una riga), collegato con l'attributo form\n    var block = form.closest('.product__block--buttons') || form;\n    if (field.parentNode === block.parentNode) return true;\n    block.parentNode.insertBefore(field, block);\n    if (lockBox) block.parentNode.insertBefore(lockBox, block);\n    \/\/ getAttribute: nei form Shopify form.id restituisce il campo \u003cinput name=\"id\"\u003e\n    if (!form.getAttribute('id')) form.setAttribute('id', 'm5-product-form');\n    document.getElementById('m5-color').setAttribute('form', form.getAttribute('id'));\n    applyState(phaseAt(Date.now()));\n    return true;\n  }\n\n  document.addEventListener('DOMContentLoaded', tidyBuyBox);\n  window.addEventListener('load', tidyBuyBox);\n  if (!placeField()) {\n    var tries = 0, iv = setInterval(function () { if (placeField() || ++tries \u003e 20) clearInterval(iv); }, 250);\n  }\n\n  function goToField() {\n    var field = isLocked(current) ? lockBox : document.getElementById('m5-color-field');\n    var target = field || findProductForm();\n    if (!target) return;\n    target.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    var sel = isLocked(current) ? null : document.getElementById('m5-color');\n    if (sel \u0026\u0026 sel.offsetParent) setTimeout(function () { sel.focus({ preventScroll: true }); }, 600);\n  }\n\n  \/\/ Colore obbligatorio su qualsiasi pulsante d'acquisto (form principale, barra fissa, \"Acquista ora\")\n  document.addEventListener('click', function (e) {\n    var el = e.target.closest \u0026\u0026 e.target.closest('[type=\"submit\"], [name=\"add\"], .shopify-payment-button, shopify-buy-it-now-button, shopify-accelerated-checkout');\n    var input = document.getElementById('m5-color');\n    if (!el || !input) return;\n    var f = el.form || el.closest('form');\n    if (!f || (f.action || '').indexOf('\/cart\/add') === -1) return;\n    if (isLocked(current)) { e.preventDefault(); e.stopImmediatePropagation(); goToField(); return; }\n    var val = input.value.trim();\n    \/\/ se per qualche motivo il campo non è visibile, non bloccare l'acquisto\n    if (!val \u0026\u0026 !input.offsetParent) return;\n    if (!val) {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n      var field = document.getElementById('m5-color-field');\n      if (field) { field.classList.remove('is-err'); void field.offsetWidth; field.classList.add('is-err'); }\n      goToField();\n      return;\n    }\n    \/\/ form diversi da quello principale (es. barra fissa): aggiunge il colore come proprietà\n    if (input.form !== f) {\n      var h = f.querySelector('input[data-m5-copy]');\n      if (!h) { h = document.createElement('input'); h.type = 'hidden'; h.name = 'properties[Colore guida]'; h.setAttribute('data-m5-copy', ''); f.appendChild(h); }\n      h.value = val;\n    }\n  }, true);\n\n  document.getElementById('m5-color').addEventListener('change', function () {\n    var field = document.getElementById('m5-color-field');\n    if (field) field.classList.remove('is-err');\n  });\n\n  both('[data-m5-goto]').forEach(function (a) {\n    a.addEventListener('click', function (e) { e.preventDefault(); goToField(); });\n  });\n})();\n\u003c\/script\u003e\n","brand":"MOOPS","offers":[{"title":"Oro","offer_id":53461099938059,"sku":null,"price":195.0,"currency_code":"EUR","in_stock":true},{"title":"Argento","offer_id":53461099970827,"sku":null,"price":195.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0706\/0206\/4139\/files\/moops-five-calendario-dellavventomoops-6803854.webp?v=1792693213","url":"https:\/\/www.moops.it\/en\/products\/moops-five-calendario-dell-avvento","provider":"MOOPS","version":"1.0","type":"link"}