@media (max-width:767px){.elementor-section:has(#mysa-test)>.elementor-container,.elementor-section:has(#mysa-test),.elementor-column:has(#mysa-test)>.elementor-widget-wrap{padding-left:0!important;padding-right:0!important}#mysa-test{padding-left:16px;padding-right:16px}}#mysa-test .mt-btn{white-space:normal!important;overflow-wrap:anywhere;line-height:1.3}#mysa-test .mt-btn.mt-btn-zona,#mysa-test .mt-btn.mt-btn-cerca{text-align:left} #mysa-test{ --mysa-verde:#234B46; --mysa-arancio:#FF9900; --mysa-giallo:#FFD814; --mysa-testo:#181818; --mysa-fondo:#F4F4F4; --mysa-lime:#ACC64A; --mt-font-titoli:'Josefin Sans', Georgia, serif; --mt-font-testo:'Karla', -apple-system, 'Segoe UI', sans-serif; font-family:var(--mt-font-testo); color:var(--mysa-testo); background:#fff; max-width:640px; margin:0 auto; padding:28px 20px 40px; border-radius:18px; box-shadow:0 10px 40px rgba(24,24,24,.08); box-sizing:border-box; min-height:560px; position:relative; font-size:16px; line-height:1.45; } #mysa-test *{box-sizing:border-box} #mysa-test button{font-family:inherit;cursor:pointer} #mysa-test :focus-visible{outline:3px solid var(--mysa-lime);outline-offset:2px;border-radius:12px} #mysa-test .mt-dots{display:flex;gap:6px;justify-content:center;margin:0 0 22px;min-height:4px} #mysa-test .mt-dots span{width:44px;height:4px;border-radius:2px;background:#E6E6E6;transition:background .25s} #mysa-test .mt-dots span.on{background:var(--mysa-verde)} #mysa-test .mt-screen{display:none} #mysa-test .mt-screen.active{display:block;animation:mt-in .35s cubic-bezier(.2,.7,.2,1)} @keyframes mt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){#mysa-test .mt-screen.active{animation:none}} #mysa-test h1,#mysa-test h2,#mysa-test h3{font-family:var(--mt-font-titoli);color:var(--mysa-verde);margin:0 0 8px;font-weight:400;line-height:1.15;text-wrap:balance} #mysa-test h1{font-size:36px;font-weight:300;color:var(--mysa-testo);letter-spacing:.01em} #mysa-test h2{font-size:26px} #mysa-test .mt-sub{font-size:17px;margin:0 0 24px;color:var(--mysa-testo)} #mysa-test .mt-btn{ display:flex;align-items:center;justify-content:center;gap:12px;width:100%; min-height:54px;padding:12px 20px;border:none;border-radius:12px; background:var(--mysa-verde);color:#fff;font-size:16px;font-weight:700;letter-spacing:.02em; box-shadow:0 6px 16px rgba(35,75,70,.22); transition:filter .15s, transform .08s, box-shadow .15s; } #mysa-test .mt-btn:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(35,75,70,.28)} #mysa-test .mt-btn:active{transform:scale(.97)} #mysa-test .mt-btn:disabled{opacity:.4;cursor:default;transform:none} #mysa-test .mt-btn.mt-btn-zona{justify-content:flex-start;background:#fff;color:var(--mysa-testo);border:1.5px solid #E6E6E6;box-shadow:none;font-size:16px;font-weight:500;letter-spacing:0;min-height:52px;transition:border-color .15s, background .15s, transform .08s} #mysa-test .mt-btn.mt-btn-zona::before{content:'';width:18px;height:18px;border-radius:50%;border:2px solid #CFCFCF;margin-left:auto;order:9;flex:none;transition:all .15s} #mysa-test .mt-btn.mt-btn-zona:hover{border-color:var(--mysa-verde);background:#FAFCF4;filter:none;box-shadow:none} #mysa-test .mt-btn.mt-btn-zona svg{flex:none;color:var(--mysa-verde)} #mysa-test .mt-btn.mt-btn-zona[aria-pressed="true"]{background:#F3F8EA;color:var(--mysa-testo);border:1.5px solid var(--mysa-verde)} #mysa-test .mt-btn.mt-btn-zona[aria-pressed="true"]::before{border-color:var(--mysa-verde);background:radial-gradient(circle,var(--mysa-verde) 0 5px,#fff 6px)} #mysa-test .mt-btn.mt-btn-zona[aria-pressed="true"] svg{color:var(--mysa-verde)} #mysa-test .mt-btn.mt-btn-sec{background:#fff;color:var(--mysa-verde);border:1.5px solid var(--mysa-verde);box-shadow:none} #mysa-test .mt-btn.mt-btn-sec:hover{background:var(--mysa-fondo);filter:none} #mysa-test .mt-seg{display:inline-flex;gap:0;margin:0 0 8px;background:#EEF0EC;border-radius:999px;padding:3px} #mysa-test .mt-back{background:none;border:none;padding:0;margin:0 0 14px;color:var(--mysa-verde);font-family:var(--mt-font-testo);font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px} #mysa-test .mt-back:hover{text-decoration:underline} #mysa-test .mt-seg-b{min-width:88px;min-height:36px;border-radius:999px;background:transparent;border:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;transition:all .15s} #mysa-test .mt-seg-b:hover{color:var(--mysa-verde)} #mysa-test .mt-seg-b[aria-pressed="true"]{background:#fff;color:var(--mysa-verde);box-shadow:0 1px 4px rgba(0,0,0,.12)} #mysa-test .mt-seg-diff{font-size:13px;color:#6B6B6B;margin:0 0 14px} #mysa-test .mt-col{display:flex;flex-direction:column;gap:10px} #mysa-test .mt-btn.mt-btn-cerca{justify-content:flex-start;background:#fff;color:var(--mysa-verde);border:1.5px solid var(--mysa-verde);font-size:17px;box-shadow:0 2px 6px rgba(4,82,61,.08)} #mysa-test .mt-btn.mt-btn-cerca:hover{background:var(--mysa-fondo);filter:none} #mysa-test .mt-btn.mt-btn-cerca svg{flex:none} #mysa-test .mt-s1-row{display:flex;flex-direction:column;gap:12px;align-items:center} #mysa-test .mt-s1-row .mt-col{flex:1;width:100%} #mysa-test .mt-figwrap{flex:none;width:56px} @media (min-width:480px){#mysa-test{padding:36px 40px 48px}#mysa-test .mt-s1-row{flex-direction:row;align-items:flex-start;gap:20px}#mysa-test .mt-figwrap{width:96px;position:sticky;top:12px}} #mysa-test .mt-figure{display:block;width:100%} #mysa-test .mt-figure .fz{fill:#E9E9E9;transition:fill .3s cubic-bezier(.2,.7,.2,1)} #mysa-test .mt-figure .fz.hot{fill:var(--mysa-verde)} #mysa-test .mt-figure .fm{fill:var(--mysa-verde);opacity:0;transition:opacity .3s cubic-bezier(.2,.7,.2,1)} #mysa-test .mt-figure .fm.hot{opacity:1} #mysa-test .mt-link{background:none;border:none;color:var(--mysa-verde);font-size:16px;text-decoration:underline;text-underline-offset:3px;padding:8px 4px;display:inline-block} #mysa-test a{color:var(--mysa-verde)} #mysa-test a:hover{text-decoration-color:var(--mysa-lime)} #mysa-test .mt-apri{font-size:18px;font-weight:700;margin:0 0 20px} #mysa-test .mt-card{background:#fff;border:1px solid #ECECEC;border-radius:16px;box-shadow:0 8px 24px rgba(24,24,24,.06);padding:22px;margin-bottom:16px;position:relative} #mysa-test .mt-tag{display:inline-block;font-family:var(--mt-font-titoli);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mysa-verde);background:#F3F8EA;border-radius:999px;padding:6px 12px;margin:0 0 12px} #mysa-test .mt-card .mt-foto{width:100%;max-width:200px;margin-left:auto;margin-right:auto;aspect-ratio:1/1;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--mysa-verde);font-family:var(--mt-font-titoli);font-size:15px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;overflow:hidden} #mysa-test .mt-card .mt-foto img{width:100%;height:100%;object-fit:contain;background:#fff} #mysa-test .mt-card h3{font-size:26px;font-weight:300;color:var(--mysa-testo);margin-bottom:4px;letter-spacing:.01em} #mysa-test .mt-card .mt-perche{margin:0 0 12px;color:#4B4B4B;font-size:15px;line-height:1.5} #mysa-test .mt-card .mt-prezzo{font-family:var(--mt-font-testo);font-weight:800;font-size:26px;color:var(--mysa-verde);margin:0 0 12px} #mysa-test .mt-card .mt-prezzo b{color:var(--mysa-lime);-webkit-text-stroke:.4px var(--mysa-verde)} #mysa-test .mt-prezzo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px} #mysa-test .mt-prezzo-row .mt-prezzo{margin:0} #mysa-test .mt-prezzo .mt-now{display:inline-block;animation:mt-pulse 1.6s ease-in-out infinite;transform-origin:left center} @keyframes mt-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}} #mysa-test .ocd-slim{color:#fff;border-radius:6px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;font-weight:500;font-size:12px;margin:0;background:#C8102E;font-family:var(--mt-font-testo)} #mysa-test .ocd-label{opacity:.85;white-space:nowrap} #mysa-test .ocd-time{font-weight:700;letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap} @media (max-width:480px){#mysa-test .ocd-slim{font-size:11px;padding:5px 8px}} @media (prefers-reduced-motion:reduce){#mysa-test .mt-prezzo .mt-now{animation:none}} #mysa-test .mt-rec{border-top:1px solid #EFEFEF;margin-top:16px;padding-top:12px;font-size:15px;color:#4B4B4B;font-style:italic} #mysa-test .mt-rec b{font-style:normal;font-weight:600} #mysa-test .mt-rec b{color:var(--mysa-testo)} #mysa-test .mt-second-title{font-family:var(--mt-font-titoli);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--mysa-verde);margin:26px 0 10px} #mysa-test .mt-card.small{padding:16px} #mysa-test .mt-card.small .mt-foto{aspect-ratio:1/1;max-width:140px;margin-left:auto;margin-right:auto} #mysa-test .mt-card.small h3{font-size:20px} #mysa-test .mt-nota{font-size:15px;color:#4B584F;margin:4px 0 0} #mysa-test .mt-linea-link{margin:22px 0 6px;font-size:16px} #mysa-test .mt-wait{padding:32px 0 24px} #mysa-test .mt-wline{display:block;width:fit-content;margin:0 0 10px;opacity:0;transform:translateY(6px);transition:opacity .4s cubic-bezier(.2,.7,.2,1),transform .4s cubic-bezier(.2,.7,.2,1)} #mysa-test .mt-wline.show{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){#mysa-test .mt-wline{transition:opacity .2s}} #mysa-test .mt-scheda{background:#fff;border:none;border-radius:0;box-shadow:none;padding:0;margin-bottom:18px} #mysa-test .mt-scheda .mt-card{background:#fff} #mysa-test .mt-scheda-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #EFEFEF;padding-bottom:18px;margin-bottom:20px} #mysa-test .mt-scheda-kicker{font-family:var(--mt-font-titoli);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--mysa-lime);margin:0 0 6px} #mysa-test .mt-scheda-title{font-size:30px;font-weight:300;color:var(--mysa-testo);margin:0 0 6px} #mysa-test .mt-scheda-meta{font-size:15px;color:#6B6B6B;margin:0} #mysa-test .mt-fig-small{flex:none;width:40px} #mysa-test .mt-firma{border-top:1px solid #EFEFEF;margin:24px 0 0;padding-top:16px;font-size:15px;color:#6B6B6B} #mysa-test .mt-firma .mt-sign{display:block;font-family:'Segoe Script','Brush Script MT','Snell Roundhand',cursive;font-size:22px;color:var(--mysa-verde);margin-top:2px} #mysa-test .mt-consulente{display:flex;gap:14px;align-items:center;background:#F6F7F4;border-radius:16px;padding:16px;margin-top:16px} #mysa-test .mt-cons-foto{flex:none;width:56px;height:56px;border-radius:50%;background:var(--mysa-verde);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mt-font-titoli);font-size:24px;overflow:hidden} #mysa-test .mt-cons-foto img{width:100%;height:100%;object-fit:cover} #mysa-test .mt-consulente b{font-size:16px} #mysa-test .mt-consulente p{margin:2px 0 10px;font-size:15px} #mysa-test .mt-consulente .mt-btn{width:auto;min-height:48px;padding:10px 18px;font-size:16px;text-decoration:none} #mysa-test .mt-chat{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px} #mysa-test .mt-avatar{flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(24,24,24,.15)} #mysa-test .mt-avatar img,#mysa-test .mt-avatar svg{width:100%;height:100%;display:block;object-fit:cover} #mysa-test .mt-avatar.big{width:112px;height:112px;margin:0 auto 18px;border-width:3px;box-shadow:0 6px 18px rgba(24,24,24,.14)} #mysa-test .mt-bolla{background:#F6F7F4;border:none;border-radius:16px;border-top-left-radius:4px;padding:14px 16px;font-size:16px;line-height:1.5;box-shadow:none} #mysa-test .mt-bolla b{color:var(--mysa-verde)} #mysa-test .mt-q{font-family:var(--mt-font-testo);font-size:17px;font-weight:700;color:var(--mysa-testo);margin:0;line-height:1.4} #mysa-test .mt-s0{text-align:center;padding:28px 0 20px} #mysa-test .mt-s0 .mt-sub{margin-bottom:24px} #mysa-test .mt-s0 .mt-btn{max-width:280px;margin:0 auto} #mysa-test .mt-typing{display:inline-flex;gap:4px;padding:4px 2px} #mysa-test .mt-typing span{width:7px;height:7px;border-radius:50%;background:var(--mysa-verde);opacity:.3;animation:mt-typ 1s infinite} #mysa-test .mt-typing span:nth-child(2){animation-delay:.2s} #mysa-test .mt-typing span:nth-child(3){animation-delay:.4s} @keyframes mt-typ{0%,100%{opacity:.3}50%{opacity:1}} /* --- pannello disturbi (bottom sheet) --- */ #mysa-test .mt-sheet-scrim{position:fixed;inset:0;background:rgba(34,48,43,.45);z-index:98;display:none} #mysa-test .mt-sheet{position:fixed;left:0;right:0;bottom:0;z-index:99;background:var(--mysa-fondo);border-radius:20px 20px 0 0;max-height:78vh;overflow-y:auto;padding:20px 20px 32px;display:none;box-shadow:0 -8px 30px rgba(4,82,61,.2)} @media (min-width:640px){#mysa-test .mt-sheet{left:50%;transform:translateX(-50%);max-width:560px;border-radius:20px;bottom:5vh}} #mysa-test .mt-sheet.open,#mysa-test .mt-sheet-scrim.open{display:block} #mysa-test .mt-sheet h3{font-size:20px;margin-bottom:2px} #mysa-test .mt-sheet .mt-grp{font-family:var(--mt-font-titoli);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--mysa-verde);margin:18px 0 6px} #mysa-test .mt-sheet .mt-d{display:block;width:100%;text-align:left;background:#fff;border:1px solid #E2DCCE;border-radius:10px;padding:12px 14px;font-size:16px;color:var(--mysa-testo);margin-bottom:6px} #mysa-test .mt-sheet .mt-d:hover{border-color:var(--mysa-verde)} #mysa-test .mt-sheet .mt-d[aria-pressed="true"]{background:rgba(4,82,61,.1);border:2px solid var(--mysa-verde);padding:11px 13px} #mysa-test .mt-sheet .mt-d[aria-pressed="true"]::after{content:'\2713';float:right;color:var(--mysa-verde);font-weight:700} #mysa-test .mt-sheet-close{position:sticky;top:0;float:right;background:none;border:none;font-size:26px;line-height:1;color:var(--mysa-verde);padding:4px 8px} (function(){ 'use strict'; /* ============================================================ 1. TRACKING — collega qui il tuo pixel. Viene chiamata a ogni scelta e al risultato finale. ============================================================ */ /* Al pixel arrivano SOLO questi eventi, e solo con il nome del prodotto: le zone scelte non vengono mai inviate. */ var TRACK_OK = { test_avviato:1, risultato:1, whatsapp:1 }; function track(evento, dati){ if(!TRACK_OK[evento]) return; /* es. fbq('trackCustom', 'TestMysa_'+evento, dati); */ } /* ============================================================ 3. DATI — nomi, prezzi, URL, testi. Modifica tutto qui. ============================================================ */ var LINEE = { agopressione: { nome:'Linea Agopressione', url:'#' }, sonno: { nome:'Linea Sonno', url:'#' }, gambe: { nome:'Linea Gambe', url:'#' } }; /* Consulente: nome, numero WhatsApp (internazionale senza +) e avatar. foto = URL dell'immagine (foto vera o illustrazione); vuota = segnaposto lineare disegnato. */ var CONSULENTE = { nome:'Annika', consulente:'Luca', whatsapp:'393423635755', foto:'https://mysa.it/wp-content/uploads/2026/09/annika.png' }; /* Codice sconto legato al test */ /* */ var TESTI = { introTitolo:"Bonjour, je suis Annika !", intro:"Racontez-moi ce qui vous fait mal et je vous dirai quel Mysa est fait pour vous !", iniziamo:"C’est parti", d1:"Alors, dites-moi : qu’aimeriez-vous résoudre avant tout ?", linkElenco:"Vous ne trouvez pas votre trouble ? Cherchez-le dans la liste", d2:"D’accord, commençons par {da}. Y a-t-il autre chose qui vous gêne ?", d2b:"Dernière chose, car ici il y a deux chemins différents. Qu’est-ce qui vous aiderait le plus ?", attesaRicerca:"Je regarde parmi nos 9 produits…", attesaTrovato:"Voilà ! Trouvé.", consiglio:"Vous m’avez dit que {cosa}. Pour vous, j’ai choisi {prodotto}. {spiega}", consiglioSecondo:"Et pour {zona} que vous m’avez indiqué, je vous conseille aussi {prodotto}. {spiega}", consiglioSchiena:"Pour le dos, je vous propose aussi {prodotto}. {spiega}", whatsapp:"Une question ? Écrivez-nous ici et l’un de nos conseillers vous répond tout de suite.", waBtn:"Luca - conseiller en ligne", firma:"À bientôt,", schedaKicker:"J’ai trouvé !", schedaTitolo:"Voici ce qui vous conviendrait parfaitement", schedaSotto:"Ce qui vous permet, dès demain, de commencer à soulager vos douleurs." }; /* Prezzi SEGNAPOSTO: aggiorna qui. Ogni coppia Base/Pro è definita una volta in COPPIE. */ var PRODOTTI = { cuscinoCV: { wcId:10727, nome:"Mysa Thermo Coussin", art:"le Mysa Thermo Coussin", linea:'agopressione', prezzo:"59,90 €", prezzoListino:"76 €", url:"https://www.mysa-mat.fr/produits/mysa-thermo-coussin-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home.jpg", perche:"Le massage d’acupression ciblé sur le cou et la nuque, contre cervicales et tensions", spiega:"c’est le coussin avec les fleurs à 33 pointes Mysa et un garnissage en balle d’épeautre bio : vous le chauffez au micro-ondes, vous le placez sous la nuque et en 20 minutes l’acupression et la chaleur dénouent les contractures du cou et des épaules. Contre les cervicalgies, le torticolis et les maux de tête de tension.", rec:"«Vraiment utile : je l’ai utilisé trois fois et je n’ai plus mal au dos. Il marche très bien aussi pour les cervicales.»", recAutore:"Eugenia Hriscu" }, cuscinoCA: { wcId:10699, nome:"Mysa ThermoMag Coussin", art:"le Mysa ThermoMag Coussin", linea:'agopressione', prezzo:"79,90 €", prezzoListino:"98,90 €", url:"https://www.mysa-mat.fr/produits/mysa-thermomag-coussin-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-4.jpg", perche:"Acupression et aimants : une action antidouleur plus profonde sur le cou et la nuque", spiega:"c’est la version avec 8 bio-aimants de notre coussin chauffant : pointes Mysa, balle d’épeautre et magnétothérapie ensemble, pour l’action la plus profonde sur les cervicalgies, la hernie cervicale, le torticolis et les maux de tête.", rec:"«C’est vrai, même quand j’ai mal à la tête, ça m’aide beaucoup.»", recAutore:"Daniela Cominardi" }, ergonoB: { wcId:10641, nome:"ErgonoMysa", art:"l’ErgonoMysa", linea:'agopressione', prezzo:"109,90 €", prezzoListino:"135 €", url:"https://www.mysa-mat.fr/produits/ergono-mysa-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-7.jpg", perche:"20 minutes par jour : le mal de dos s’en va tout seul", spiega:"c’est le tapis Mysa avec le correcteur ergonomique Hot ErgonoPad : vous le chauffez, vous le placez sous les lombaires et le tapis suit la courbe de votre dos. Acupression et chaleur dénouent les contractures et soulagent lombalgie, hernies et discopathies, 20 minutes par jour.", rec:"«J’ai enfin arrêté les antidouleurs : une demi-heure par jour, avec régularité, et la douleur a presque disparu.»", recAutore:"Giovanna Tortoriello" }, ergonoMag: { wcId:10606, nome:"ErgonoMag Mysa", art:"l’ErgonoMag Mysa", linea:'agopressione', prezzo:"148,90 €", prezzoListino:"168 €", url:"https://www.mysa-mat.fr/produits/ergonomag-mysa-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-10.jpg", perche:"Acupression et aimants : une action plus profonde contre le mal de dos", spiega:"c’est l’ErgonoMysa avec bio-aimants : le même correcteur ergonomique chauffant sous les lombaires, sur le tapis Magnetic Mysa. Acupression, chaleur et magnétothérapie pour l’action la plus profonde sur lombalgie, hernies, discopathies et sciatique.", rec:"«Exceptionnel ! J’ai un dos horrible à cause d’une scoliose… je ne sais plus ce que sont les douleurs !»", recAutore:"Lucla Bondi" }, ergonoDuo: { wcId:10638, nome:"Ergono Mysa Duo", art:"l’Ergono Mysa Duo", linea:'agopressione', prezzo:"143,90 €", prezzoListino:"212 €", url:"https://www.mysa-mat.fr/produits/ergono-mysa-duo-html/", img:"https://mysa.it/wp-content/uploads/2020/06/rimedi_mal_di_schiena_lombalgia_rimedi_naturali_mal_di_schiena_agopressione_23_.jpg", perche:"20 minutes par jour : dos, cou et tensions se dénouent tout seuls", spiega:"c’est l’ensemble avec le tapis ergonomique chauffant et le Thermo Coussin Mysa : acupression et chaleur des lombaires jusqu’aux cervicales, dans la même séance. Pour ceux qui souffrent à la fois de mal de dos et de cervicalgies.", rec:"«Je souffre de mal de dos, le soulagement est immédiat… Fantastique !»", recAutore:"Francesca Cucchi" }, superbooster: { wcId:8637, nome:"Mysa SuperBooster", art:"le Mysa SuperBooster", linea:'agopressione', prezzo:"197,90 €", prezzoListino:"248 €", url:"https://www.mysa-mat.fr/produits/mysa-superbooster-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-12.jpg", perche:"Acupression, chaleur et aimants : le top contre le mal de dos", spiega:"c’est notre ensemble le plus complet : tapis Magnetic Mysa, coussin ThermoMag et correcteur ergonomique chauffant. Acupression, chaleur et magnétothérapie des lombaires aux cervicales : le maximum contre hernies, discopathies, lombalgie et cervicalgies.", rec:"«Je l’utilise tous les soirs avant de dormir… ça aide vraiment contre le mal de dos.»", recAutore:"Riccardo Antonietta" }, ergonoDuoXXL: { wcId:31578, nome:"ErgonoMysa Duo XXL", art:"l’ErgonoMysa Duo XXL", linea:'agopressione', prezzo:"198,90 €", prezzoListino:"263,90 €", url:"https://www.mysa-mat.fr/produits/ergonomysa-duo-xxl-ensemble-dacupression-extra-long-pour-les-grandes-tailles/", img:"https://mysa.it/wp-content/uploads/2023/04/OK-SET-TAPPETINO-AGOPRESSIONE-XL-EXTRA-LUNGO-E-CUSCINO-THERMO-MYSA-DUO-XXL-1.jpg", perche:"Le grand format pour tout le corps : douleurs, tensions et stress se dénouent", spiega:"c’est le tapis Mysa le plus long, 150 cm, avec le coussin chauffant pour les cervicales et le correcteur ergonomique pour les lombaires : 180 cm au total, de la nuque aux pieds. Pensé pour les personnes grandes avec des douleurs tout le long de la colonne.", rec:"«Après une journée debout, avec mes problèmes de dos, c’est une bénédiction ! Je m’allonge 10 minutes et mes muscles se détendent.»", recAutore:"Anna Castagna" }, superbXXL: { wcId:31568, nome:"Mysa SuperBooster XXL", art:"le Mysa SuperBooster XXL", linea:'agopressione', prezzo:"278,90 €", prezzoListino:"360 €", url:"https://www.mysa-mat.fr/produits/mysa-superbooster-xxl-magnetic-mysa-xxl-thermomag-coussin-ergonopad-tapis-acupression-xl-le-tapis-dacupression-le-plus-long/", img:"https://mysa.it/wp-content/uploads/2023/04/SUPERBOOSTER-XXL-AKUPRESSURMATTE-XL-TAPIS-ACUPRESSION-XL-PRANAMAT-XL-TAPPETINO-MYSA-XL.jpg", perche:"Tout le corps, avec chaleur et aimants : l’action la plus complète sur douleurs et tensions", spiega:"c’est notre haut de gamme en version XXL : Magnetic Mysa de 150 cm, coussin aimanté et correcteur chauffant. Acupression, chaleur et magnétothérapie sur toute la colonne et les jambes, contre les douleurs les plus tenaces.", rec:"«C’est vrai, je confirme son efficacité : depuis que je l’utilise, mes problèmes de dos…»", recAutore:"Luisa Stocco" }, thermoDuo: { wcId:10723, nome:"Thermo Mysa Duo", art:"le Thermo Mysa Duo", linea:'agopressione', prezzo:"109,90 €", prezzoListino:"160 €", url:"https://www.mysa-mat.fr/produits/thermo-mysa-duo-html/", img:"https://mysa.it/wp-content/uploads/2020/06/MYSA-AKUPRESSURMATTE-XXL-TAPPETINO-MYSA-XXL-TAPIS-MYSA-XXL-min-scaled.jpg", perche:"Tapis et coussin ensemble : dos, cou et tensions avant de dormir", spiega:"c’est l’ensemble tapis et Thermo Coussin Mysa : vous le chauffez, vous vous allongez le soir et en 20 minutes l’acupression et la chaleur détendent le dos et la nuque avant de dormir. Contre le mal de dos, les cervicalgies et l’insomnie.", rec:"«Quand j’ai mal au dos, je dors dessus et le lendemain matin tout va bien… super achat.»", recAutore:"Elisa Corazza" }, thermoMagDuo: { wcId:10673, nome:"Thermomag Mysa Duo", art:"le Thermomag Mysa Duo", linea:'agopressione', prezzo:"164,90 €", prezzoListino:"226 €", url:"https://www.mysa-mat.fr/produits/thermomag-mysa-duo-html/", img:"https://mysa.it/wp-content/uploads/2020/06/TAPPETINO-AGOPRESSIONE-CON-MAGNETI-TAPIS-AIMANTS-ACUPRESSION-AKUPRESSURMATTE-MAGNETENXXL-MYSA-min-scaled.jpg", perche:"Chaleur et aimants ensemble : le rituel du soir le plus profond contre douleurs et insomnie", spiega:"c’est le Thermo Mysa Duo avec aimants : tapis Magnetic Mysa et coussin ThermoMag. Acupression, chaleur et magnétothérapie sur toute la colonne, contre sciatique, lombalgie, cervicalgies et insomnie.", rec:"«Après 20 minutes d’essai, je ne sentais plus ma sciatique.»", recAutore:"Alessandra Limido" }, extenderB: { wcId:15503, nome:"Mysa Back Extender", art:"le Mysa Back Extender", linea:'agopressione', prezzo:"79,90 €", prezzoListino:"89,90 €", url:"https://www.mysa-mat.fr/produits/mysa-back-extender/", img:"https://mysa.it/wp-content/uploads/2020/11/stretcher_lombare_es_iwvLb-scaled.jpg", perche:"Décompression douce de la colonne, pensée pour les hernies et discopathies", spiega:"c’est l’étireur vertébral Mysa : vous vous allongez sur l’arche 12 minutes par jour, avec la courbure réglable au millimètre, la colonne s’allonge, les disques se décompriment et la pression des hernies et discopathies diminue. Avec housse d’acupression, gel chauffant et balle trigger.", rec:"«Je l’ai depuis une quinzaine de jours et il a déjà fait des miracles. Merci Mysa.»", recAutore:"Rosaria Marino" }, extenderDuo: { wcId:21346, nome:"Mysa Extender Duo", art:"le Mysa Extender Duo", linea:'agopressione', prezzo:"119,90 €", prezzoListino:"144 €", url:"https://www.mysa-mat.fr/produits/extender-duo/", img:"https://mysa.it/wp-content/uploads/2021/08/stretcher_lombare_es_aN6C8-min.jpg", perche:"Décompression et acupression : le parcours complet pour la colonne", spiega:"c’est le Back Extender avec le coussin d’acupression Mysa : vous décompressez la colonne lombaire sur l’arche pendant que les pointes travaillent sur les cervicales. Le parcours complet contre hernies, discopathies, lombalgie et cervicalgies.", rec:"«Je l’utilise depuis 4 ans et je ne peux plus m’en passer !»", recAutore:"Carla Sinoni" }, relevia: { wcId:67668, nome:"Mysa Relevia™", art:"le Mysa Relevia™", linea:'agopressione', prezzo:"79,90 €", prezzoListino:"119 €", url:"https://www.mysa-mat.fr/produits/mysa-relevia/", img:"https://mysa.it/wp-content/uploads/2026/09/mysa-cuscino-quadrato-sfondo-bianco-1024x1024.png", perche:"Soutient le cou toute la nuit, dans toutes les positions : fini les réveils avec les cervicales", spiega:"c’est notre oreiller pour la nuit : six zones conçues au millimètre soutiennent les cervicales dans toutes les positions, pour vous réveiller sans nuque raide et sans douleurs aux épaules et à la tête.", rec:"«Je travaille 9 heures sur ordinateur et le soir j’avais toujours la nuque en miettes. Après une semaine, je ne la sentais plus.»", recAutore:"Andrea C." }, originalXXL: { wcId:29349, nome:"Original Mysa XXL", art:"l’Original Mysa XXL", linea:'agopressione', prezzo:"119,90 €", prezzoListino:"165 €", url:"https://www.mysa-mat.fr/produits/tapis-et-coussin-pour-acupression-thermo-mysa-duo-copia/", img:"https://mysa.it/wp-content/uploads/2022/12/Mysa_MGL9680-ORIGINAL-MYSA-XXL-LUNGO-XL-TAPPETINO-AGOPRESSIONE-AKUPRESSURMATTE-XL-TAPIS-ACUPRESSUR-OK.jpg", perche:"Le tapis extra-long : des épaules aux jambes, contre douleurs et jambes lourdes", spiega:"c’est le tapis Mysa extra-long, 150 cm de fleurs à 33 pointes : de la nuque aux pieds en une seule séance. L’acupression réactive la microcirculation : contre le mal de dos, les jambes gonflées et lourdes et la cellulite.", rec:"«Mesdames : contre la peau d’orange, ça marche vraiment, la peau devient plus élastique.»", recAutore:"Ladi Oscar" }, magneticXXL: { wcId:30265, nome:"Magnetic Mysa XXL", art:"le Magnetic Mysa XXL", linea:'agopressione', prezzo:"169,90 €", prezzoListino:"275 €", url:"https://www.mysa-mat.fr/produits/magnetic-mysa-xxl-tapis-acupression-version-extra-longue-xxl-avec-aimants/", img:"https://mysa.it/wp-content/uploads/2023/03/MAGNETIC-MYSA-XXL-AKUPRESSURMATTE-XL-ACUPRESSION-XL.jpg", perche:"Le tapis extra-long avec aimants : une action plus profonde, des épaules aux jambes", spiega:"c’est l’Original Mysa XXL avec 32 bio-aimants : 150 cm d’acupression et de magnétothérapie de la nuque aux pieds, pour l’action la plus profonde sur le mal de dos, les jambes lourdes et la microcirculation.", rec:"«Je l’ai acheté il y a 3 ans… fabuleux ! Un effet relaxant incroyable.»", recAutore:"Manuela Miari" }, ergonoXXL: { wcId:31575, nome:"ErgonoMysa XXL", art:"l’ErgonoMysa XXL", linea:'agopressione', prezzo:"168,90 €", prezzoListino:"224 €", url:"https://www.mysa-mat.fr/produits/ergonomysa-xxl-tapis-dacupression-xxl-chauffant-et-ergonomique/", img:"https://mysa.it/wp-content/uploads/2023/04/SENZA-CUSCINO-SET-TAPPETINO-AGOPRESSIONE-XL-EXTRA-LUNGO-E-CUSCINO-THERMO-MYSA-DUO-XXL.jpg", perche:"Extra-long, ergonomique et chauffant : dos et jambes sur un seul tapis", spiega:"c’est l’Original Mysa XXL de 150 cm avec le correcteur ergonomique chauffant : sous les lombaires contre la lombalgie et les hernies, ou sous les cuisses et les mollets pour réactiver la circulation des jambes.", rec:"«Je l’ai depuis 15 ans… je ne m’en passerai plus jamais.»", recAutore:"Carletta Carolina" }, thermoDuoXXL: { wcId:30180, nome:"Thermo Mysa Duo XXL", art:"le Thermo Mysa Duo XXL", linea:'agopressione', prezzo:"165,90 €", prezzoListino:"220 €", url:"https://www.mysa-mat.fr/produits/set-tapis-acupression-tapis-extra-long-extra-large-xxl-coussin-dacupression/", img:"https://mysa.it/wp-content/uploads/2023/02/THERMO-MYSA-DUO-AGOPRESSIONE-AKUPRESSURMATTE.jpg", perche:"Le tapis le plus long avec le coussin chauffant : 180 cm de soulagement de la nuque aux pieds", spiega:"c’est le tapis extra-long de 150 cm avec le Thermo Coussin Mysa : acupression de la nuque aux pieds et chaleur sur les cervicales, contre le mal de dos, les cervicalgies et les jambes lourdes.", rec:"«Tapis fantastique ! Je l’utilise depuis 10 jours contre le stress et l’insomnie.»", recAutore:"Claudia Taibez" }, thermoMagDuoXXL: { wcId:31559, nome:"Thermo Mag Mysa Duo XXL", art:"le Thermo Mag Mysa Duo XXL", linea:'agopressione', prezzo:"228,50 €", prezzoListino:"325 €", url:"https://www.mysa-mat.fr/produits/thermo-mag-mysa-duo-xxl-magnetic-mysa-xxl-coussin-tapis-acupression-extra-lounge-tapis-xl-extra-large-avec-aimants/", img:"https://mysa.it/wp-content/uploads/2023/03/THERMOMAG-MYSA-DUO-XXL-AKUPRESSURMATTE-XL-TAPIS-ACUPRESSIONE-XL.jpg", perche:"Le tapis le plus long avec coussin chauffant et aimants : trois thérapies naturelles ensemble", spiega:"c’est la version XXL avec aimants : Magnetic Mysa de 150 cm et coussin ThermoMag. Acupression, chaleur et magnétothérapie de la nuque aux pieds, contre sciatique, lombalgie, cervicalgies et jambes gonflées.", rec:"«Après 20 minutes d’essai, je ne sentais plus ma sciatique.»", recAutore:"Alessandra Limido" }, ergonoMagXXL: { wcId:31577, nome:"ErgonoMag Mysa XXL", art:"l’ErgonoMag Mysa XXL", linea:'agopressione', prezzo:"229 €", prezzoListino:"325 €", url:"https://www.mysa-mat.fr/produits/tapis-dacupression-xl-et-magnetotherapie-extra-long-chauffant-et-ergonomique/", img:"https://mysa.it/wp-content/uploads/2023/04/ERGONOMAG-XXL-TAPPETINO-XL-AKUPRESSUR-AGOPRESSIONE-XL-LAUNGO.jpg", perche:"Extra-long, ergonomique, chauffant et avec aimants : dos et jambes ensemble", spiega:"c’est l’ErgonoMysa XXL avec bio-aimants : 150 cm d’acupression et de magnétothérapie, avec le correcteur chauffant pour les lombaires ou les jambes. Contre hernies, discopathies, lombalgie et jambes lourdes.", rec:"«Exceptionnel ! J’ai un dos horrible à cause d’une scoliose… je ne sais plus ce que sont les douleurs !»", recAutore:"Lucla Bondi" } }; /* Foto e prezzi letti in tempo reale dal sito (immagine di copertina WooCommerce). Se cambi la copertina di un prodotto, cambia anche qui. I valori scritti sopra restano come riserva. */ (function(){ function eur(cents,mu){ var v=parseInt(cents,10)/Math.pow(10,mu||2); if(!isFinite(v)||v=0; }; var C = has('collo'), D = has('dormo'), S = has('schiena'), R = has('relax'); var legs = ['gambeLeggere','gambeStanche','pelle'].filter(has), L = legs.length>0; var q = st.q2b; // 'pillow' | 'massage' | null var punte = (C||D) && q==='massage'; // vuole il cuscino con le punte // 1. il tappetino (o il cuscino) principale var mat = null; if(R) mat = 'tappetinoXXL'; // ErgonoMysa Duo XXL / SuperBooster XXL else if(S && L) mat = punte ? 'tappetinoXXL' : 'schienaGambeXXL'; // ... / ErgonoMysa XXL - ErgonoMag XXL else if(L) mat = punte ? 'gambeCusXXL' : 'gambeXXL'; // Thermo Duo XXL / Original-Magnetic XXL else if(S) mat = punte ? 'tappetino' : 'tappetinoSolo'; // Ergono Duo-SuperBooster / ErgonoMysa-ErgonoMag else if(punte) mat = D ? 'setSerale' : 'cuscino'; // Thermo Duo / Thermo Cuscino // 2. il Relevia: solo con "cuscino per la notte" (o relax + dormire meglio, dove la domanda non c'è) var relevia = ((C||D) && q==='pillow') || (R && D); // 3. ordine: se la prima scelta è collo o notti e c'è il Relevia, il Relevia va per primo var zonaMat = R ? 'relax' : (S ? 'schiena' : (L ? legs[0] : (D ? 'dormo' : 'collo'))); var zonaRel = D ? 'dormo' : 'collo'; var main, second = null; if(relevia && (!mat || st.primary==='collo' || st.primary==='dormo')){ main = 'relevia'; if(mat) second = { prod:mat, riga:'', zona:zonaMat, label:(!R && !S && legs.length>1) ? 'les jambes' : null }; } else { main = mat; if(relevia) second = { prod:'relevia', riga:'', zona:zonaRel }; } // 4. per la schiena c'è sempre anche il Back Extender var extra = S ? 'extender' : null; var ordine = ['collo','schiena','dormo','gambeLeggere','gambeStanche','pelle','relax']; var multiZona = sel.length>1 ? ordine.filter(has) : null; return { P:st.primary, main:main, mainNote:'', second:second, notes:[], multiZona:multiZona, extra:extra }; } /* ============================================================ 5. INTERFACCIA ============================================================ */ var state; function reset(){ state = { primary:null, primaryWord:null, primaryExit:null, others:[], q2b:null, needs2b:false }; } reset(); var $ = function(id){ return document.getElementById(id); }; var root = $('mysa-test'); var ICONS = { collo:'', schiena:'', luna:'', onde:'', lampo:'', coscia:'', relax:'', lente:'' }; function zona(id){ for(var i=0;i<ZONE.length;i++) if(ZONE[i].id===id) return ZONE[i]; } /* pallini: 1 = domanda 1, 2 = domanda 2, 3 = 2b (se prevista) */ function dots(n, tot){ var d = $('mtDots').children; for(var i=0;i=tot)?'none':''; d[i].className = (i<n)?'on':''; } } function go(id, dotN, dotTot){ var scr = root.querySelectorAll('.mt-screen'); for(var i=0;i60 ? root.offsetTop-20 : 0); } /* --- avatar di Annika: foto se c'è, altrimenti illustrazione lineare --- */ function avatarSVG(){ return '' + '' + '' + '' + '' + '' + '' + ''; } /* Espressioni per schermata: chiave = id sezione (s0, s1, s2, s2b, swait, sres). Se manca il file, si usa CONSULENTE.foto. */ var ESPRESSIONI = { s0: CONSULENTE.foto, // benvenuto — sorriso s1: CONSULENTE.foto, // domanda 1 — es. annika-curiosa.png s2: CONSULENTE.foto, // domanda 2 s2b: CONSULENTE.foto, // domanda extra swait:CONSULENTE.foto, // sta scrivendo — es. annika-scrive.png sres: CONSULENTE.foto }; function fotoPer(el){ var sec = el && el.closest ? el.closest('section.mt-screen') : null; return (sec && ESPRESSIONI[sec.id]) || CONSULENTE.foto; } function avatarInner(foto){ var f = foto || CONSULENTE.foto; return f ? '' : avatarSVG(); } function applyAvatars(){ var els = root.querySelectorAll('[data-avatar]'); for(var i=0;i<els.length;i++) els[i].innerHTML = avatarInner(fotoPer(els[i])); } /* "partiamo da" + articolo giusto: dal collo, dalla schiena, dalle notti… */ function conDa(s){ return s; } /* --- silhouette: una sola definizione, iniettata dove serve --- */ function figureSVG(){ return '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + ''; } function lightFig(wrap, parts){ if(!wrap) return; var els = wrap.querySelectorAll('[data-part]'); for(var i=0;i=0); } } /* */ function selectedParts(){ var s=[]; if(state.primary) s=s.concat(zona(state.primary).parte); state.others.forEach(function(o){ s=s.concat(zona(o).parte); }); return s; } /* --- schermata 1 --- */ function zoneBtn(z, screen){ var b = document.createElement('button'); b.type='button'; b.className='mt-btn mt-btn-zona'; b.setAttribute('data-zona', z.id); b.innerHTML = ICONS[z.icona] + ''+z.label+''; if(screen===1){ b.addEventListener('mouseenter', function(){ lightFig($('mtFig1'), z.parte); }); b.addEventListener('mouseleave', function(){ lightFig($('mtFig1'), []); }); b.addEventListener('focus', function(){ lightFig($('mtFig1'), z.parte); }); b.addEventListener('blur', function(){ lightFig($('mtFig1'), []); }); b.addEventListener('click', function(){ var sib = b.parentNode.querySelectorAll('[aria-pressed]'); for(var i=0;i=0) return false; return tutte.indexOf('collo')>=0 || tutte.indexOf('dormo')>=0; } function buildS2(){ var c = $('mtZone2'); c.innerHTML=''; ZONE.forEach(function(z){ if(z.id!==state.primary) c.appendChild(zoneBtn(z,2)); }); $('mtContinua').disabled = true; lightFig($('mtFig2'), selectedParts()); var base = state.primaryWord || zona(state.primary).breve; $('s2h').textContent = TESTI.d2.replace('{da}', conDa(base)); } /* --- schermata 2b --- */ var OPZ2B = [ { id:'pillow', label:"Un coussin qui soutient le cou et la colonne vertébrale toute la nuit" }, { id:'massage', label:"Un coussin qui vous fait un massage d’acupression chez vous, 20 minutes par jour" } ]; function buildS2b(){ var c = $('mt2b'); c.innerHTML=''; OPZ2B.forEach(function(o){ var b=document.createElement('button'); b.type='button'; b.className='mt-btn mt-btn-zona'; b.innerHTML=''+o.label+''; b.setAttribute('aria-pressed','false'); b.addEventListener('click', function(){ b.setAttribute('aria-pressed','true'); state.q2b=o.id; track('risposta_2b',{scelta:o.id}); startWait(); }); c.appendChild(b); }); } function afterS2(){ track('altre_zone',{}); if(needs2bNow()){ buildS2b(); go('s2b', 3, 3); } else startWait(); } /* --- schermata di attesa: le righe costruite dalle risposte reali --- */ function waitLines(){ var z = zona(state.primary), l1; if(state.primaryWord) l1 = state.primaryWord.charAt(0).toUpperCase()+state.primaryWord.slice(1); else l1 = z.label; if((state.primary==='collo'||state.primary==='dormo') && state.q2b){ l1 += state.q2b==='pillow' ? ', surtout la nuit' : state.q2b==='massage' ? ', surtout le jour' : ', le jour et la nuit'; } var lines=[l1]; if(state.others.length){ lines.push('Et '+state.others.map(function(o){return zona(o).breve;}).join(', ')); } lines.push(TESTI.attesaRicerca); lines.push(TESTI.attesaTrovato); return lines; } function startWait(){ var lines = waitLines(); var c = $('mtWaitList'); c.innerHTML=''; lines.forEach(function(t){ var d=document.createElement('div'); d.className='mt-bolla mt-wline'; d.textContent=t; c.appendChild(d); }); $('mtTyping').style.display='inline-flex'; go('swait', 0, 0); var total = state.others.length ? 2800 : 2200; // regola var step = (total-700)/lines.length; for(var i=0;i1){ var aa = r.multiZona.map(Z); cosa = 'vous voulez soulager à la fois '+aa.slice(0,-1).join(', ')+' et '+aa[aa.length-1]; } else if(state.primary==='relax' && r.P && r.P!=='relax'){ cosa = 'vous voulez soulager avant tout '+Z(r.P)+', ainsi que le stress et les tensions'; } else if(r.P && r.P!==state.primary && isLeg(r.P)){ cosa = 'vous voulez soulager avant tout '+Z(r.P)+', ainsi que '+zona(state.primary).breve; } else if((state.primary==='collo'||state.primary==='dormo') && state.q2b){ cosa = state.q2b==='pillow' ? "vous cherchez un coussin qui soutient le cou et la colonne vertébrale toute la nuit" : state.q2b==='massage' ? "vous cherchez un coussin qui vous fait un massage d’acupression chez vous, 20 minutes par jour" : "vous aimeriez les deux : un soutien la nuit et un massage le jour"; } else if(state.primaryWord){ cosa = 'vous voulez soulager avant tout '+state.primaryWord; } else { cosa = 'vous voulez soulager avant tout '+Z(state.primary); } var p = baseProd(r.main); return esc(TESTI.consiglio).replace('{cosa}', esc(cosa)) .replace('{prodotto}', ''+esc(p.art)+'').replace('{spiega}', esc(maiusc(p.spiega))); } /* */ function rassicurazioneGambe(){ var pg = state.primary==='gambeLeggere' && state.others.indexOf('pelle')>=0; var pc = state.primary==='pelle' && state.others.indexOf('gambeLeggere')>=0; if(!pg && !pc) return ''; return ' '+esc(pg ? "Et comme vous avez aussi indiqué la cellulite : rassurez-vous, il convient parfaitement pour cela aussi." : "Et comme vous avez aussi indiqué les jambes gonflées : rassurez-vous, il convient parfaitement pour cela aussi."); } function maiusc(s){ return s.charAt(0)==='è' ? 'È'+s.slice(1) : s.charAt(0).toUpperCase()+s.slice(1); } /* Countdown "Offerta a tempo": parte da 00:59:59 quando compare il risultato (come sulle pagine prodotto) */ var ocdEnd = 0, ocdTimer = null; function ocdStart(){ ocdEnd = Date.now() + 59*60*1000 + 59*1000; clearInterval(ocdTimer); ocdTick(); ocdTimer = setInterval(ocdTick, 1000); } function ocdTick(){ var ms = Math.max(0, ocdEnd - Date.now()); var h = Math.floor(ms/3600000), m = Math.floor(ms%3600000/60000), sec = Math.floor(ms%60000/1000); var txt = (h<10?'0':'')+h+':'+(m<10?'0':'')+m+':'+(sec<10?'0':'')+sec; var els = root.querySelectorAll('[data-ocd]'); for(var i=0;i<els.length;i++) els[i].textContent = txt; if(ms<=0) clearInterval(ocdTimer); } function esc(s){ return s.replace(/&/g,'&').replace(/</g,'<'); } var MESI=['gennaio','febbraio','marzo','aprile','maggio','giugno','luglio','agosto','settembre','ottobre','novembre','dicembre']; function dataEstesa(d){ return d.getDate()+' '+MESI[d.getMonth()]+' '+d.getFullYear(); } function hrefFor(pid){ return PRODOTTI[pid].url; } /* Corpo variabile della card (foto, nome, perché, prezzo, bottone, recensione) */ function variantHTML(p, small, riga, href){ /* Foto: immagine di copertina del prodotto sul sito, mostrata intera in un riquadro quadrato */ var foto = p.img ? '' : 'Foto '+esc(p.nome); var btnCls = small ? 'mt-btn mt-btn-sec' : 'mt-btn'; return '' + '

'+esc(p.nome)+'

' + '

'+esc(riga||p.perche)+'

' + '' + 'Découvrir '+esc(p.nome)+'' + ((small||!p.rec)?'':'

'+p.rec+'
— '+esc(p.recAutore)+'

'); } /* Card prodotto: se l'uscita è una coppia, aggiunge il selettore Base/Pro (default Base) */ function cardHTML(exit, small, riga){ var c = COPPIE[exit]; if(!c){ return ''; } return ''; } /* Attiva i selettori Base/Pro dentro un contenitore */ function wireCoppie(scope){ var cards = scope.querySelectorAll('[data-coppia]'); for(var i=0;i<cards.length;i++)(function(card){ var cid = card.getAttribute('data-coppia'), small = card.getAttribute('data-small')==='1'; var btns = card.querySelectorAll('.mt-seg-b'); for(var j=0;j<btns.length;j++)(function(b){ b.addEventListener('click', function(){ for(var k=0;k<btns.length;k++) btns[k].setAttribute('aria-pressed','false'); b.setAttribute('aria-pressed','true'); var v = b.getAttribute('data-v'), pid = COPPIE[cid][v]; card.querySelector('.mt-vbody').innerHTML = variantHTML(PRODOTTI[pid], small, null, hrefFor(pid, small)); track('versione_card', {coppia:cid, versione:v}); }); })(btns[j]); })(cards[i]); } /* Messaggio WhatsApp costruito dalle risposte reali */ function waMessage(r){ var per; if(state.primaryWord) per = state.primaryWord; else if(state.primary==='dormo') per = 'mieux dormir'; else per = zona(state.primary).breve; if(state.primary==='collo' && (state.q2b==='pillow'||state.q2b==='both')) per += ' la nuit'; var t = 'Bonjour '+CONSULENTE.nome+', j’ai fait le test et vous m’avez conseillé '+baseProd(r.main).nome+' pour '+per; if(r.second) t += ' et '+baseProd(r.second.prod).nome+' pour '+zona(r.second.zona).breve; return t+'. Puis-je vous poser une question ?'; } function updSchedaTitle(){ $('mtSchedaTitle').textContent = TESTI.schedaTitolo; } function showResult(){ var r = computeResult(state); var main = baseProd(r.main); // testata scheda: titolo e silhouette piccola updSchedaTitle(); $('mtFig3').innerHTML = figureSVG(); lightFig($('mtFig3'), selectedParts()); $('mtApri').innerHTML = consiglioAnnika(r); var percheMain = COPPIE[r.main] ? null : main.perche + (r.mainNote?(' — '+r.mainNote.replace(/\.$/,'')).toLowerCase():''); var html = cardHTML(r.main, false, percheMain); r.notes.forEach(function(n){ html += '

'+n+'

'; }); $('mtMain').innerHTML = html;var _mg=document.querySelector('.mt-garanzie');if(_mg){_mg.style.display=(String(r.main).indexOf('relevia')>-1)?'none':'';} wireCoppie($('mtMain')); var sec=''; if(r.second){ var zb = zona(r.second.zona); var t2 = esc(TESTI.consiglioSecondo) .replace('{zona}', esc(r.second.label || zb.breve)) .replace('{prodotto}', ''+esc(baseProd(r.second.prod).art)+'') .replace('{spiega}', esc(maiusc(baseProd(r.second.prod).spiega))); sec = '' + cardHTML(r.second.prod, true, null); } if(r.extra){ var pe = baseProd(r.extra); sec += '' + cardHTML(r.extra, true, null); } $('mtSecondo').innerHTML = sec; wireCoppie($('mtSecondo')); // consulente WhatsApp con messaggio precompilato dal risultato $('mtWa').href = 'https://wa.me/'+CONSULENTE.whatsapp+'?text='+encodeURIComponent(waMessage(r)); track('risultato', { principale:baseProd(r.main).nome, secondo:r.second?baseProd(r.second.prod).nome:null }); ocdStart(); go('s3', 0, 0); } /* --- pannello disturbi --- */ function buildSheet(){ var c = $('mtSheetList'); c.innerHTML=''; DISTURBI.forEach(function(g){ if(g.gruppo!==c.getAttribute('data-ultimo')){ var h=document.createElement('div'); h.className='mt-grp'; h.textContent=g.gruppo; c.appendChild(h); c.setAttribute('data-ultimo',g.gruppo); } g.voci.forEach(function(v){ var b=document.createElement('button'); b.type='button'; b.className='mt-d'; b.textContent=v[0]; b.addEventListener('click', function(){ var all = $('mtSheetList').querySelectorAll('.mt-d'); for(var i=0;i<all.length;i++) all[i].removeAttribute('aria-pressed'); b.setAttribute('aria-pressed','true'); closeSheet(); pickPrimary(g.zona, v[1], v[2]||null); }); c.appendChild(b); }); }); } function openSheet(){ $('mtSheet').classList.add('open'); $('mtScrim').classList.add('open'); $('mtCloseSheet').focus(); } function closeSheet(){ $('mtSheet').classList.remove('open'); $('mtScrim').classList.remove('open'); } /* --- wiring --- */ (function init(){ var c1 = $('mtZone1'); ZONE.forEach(function(z){ c1.appendChild(zoneBtn(z,1)); }); var cerca = document.createElement('button'); cerca.type='button'; cerca.id='mtOpenSheet'; cerca.className='mt-btn mt-btn-cerca'; cerca.innerHTML = ICONS.lente + ''+TESTI.linkElenco+''; c1.appendChild(cerca); buildSheet(); $('mtOpenSheet').addEventListener('click', openSheet); $('mtCloseSheet').addEventListener('click', closeSheet); $('mtScrim').addEventListener('click', closeSheet); document.addEventListener('keydown', function(e){ if(e.key==='Escape') closeSheet(); }); $('mtFig1').innerHTML = figureSVG(); $('mtFig2').innerHTML = figureSVG(); applyAvatars(); // testi di Annika (oggetto TESTI) $('mtT0Titolo').textContent = TESTI.introTitolo; $('mtT0').textContent = TESTI.intro; $('mtStart').textContent = TESTI.iniziamo; $('s1h').textContent = TESTI.d1; $('s2bh').textContent = TESTI.d2b; $('mtConsNome').textContent = CONSULENTE.consulente; $('mtConsTesto').textContent = TESTI.whatsapp; $('mtWa').innerHTML = ''+esc(TESTI.waBtn); $('mtSign').textContent = CONSULENTE.nome; root.querySelector('.mt-firma').firstChild.textContent = TESTI.firma; $('mtWa').addEventListener('click', function(){ track('whatsapp',{consulente:CONSULENTE.consulente}); }); $('mtKicker').textContent = TESTI.schedaKicker; $('mtSchedaSotto').textContent = TESTI.schedaSotto; updSchedaTitle(); dots(0, 0); // schermata 0: niente pallini $('mtStart').addEventListener('click', function(){ track('test_avviato'); go('s1', 1, 3); }); $('mtSoloQuello').addEventListener('click', function(){ state.others=[]; afterS2(); }); $('mtBack2').addEventListener('click', function(){ state.others=[]; track('indietro_s2'); go('s1', 1, 3); }); $('mtContinua').addEventListener('click', afterS2); $('mtRifai').addEventListener('click', function(){ track('rifai_test'); reset(); var pressed = root.querySelectorAll('[aria-pressed="true"]'); for(var i=0;i<pressed.length;i++) pressed[i].setAttribute('aria-pressed','false'); updSchedaTitle(); lightFig($('mtFig1'), []); go('s1', 1, 3); }); })(); })();