@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:"Hallo, ich bin Annika!", intro:"Erzähl mir, was dir wehtut, und ich sage dir, welches Mysa zu dir passt!", iniziamo:"Los geht’s", d1:"Also, sag mir: Was möchtest du vor allem lösen?", linkElenco:"Du findest deine Beschwerden nicht? Such sie in der Liste", d2:"Okay, wir starten mit: {da}. Gibt es noch etwas, das dich plagt?", d2b:"Eine letzte Frage, denn hier gibt es zwei verschiedene Wege. Was würde dir mehr helfen?", attesaRicerca:"Ich schaue kurz in unsere 9 Produkte…", attesaTrovato:"Da ist es! Gefunden.", consiglio:"Dein Fokus: {cosa}. Meine Wahl für dich: {prodotto}. {spiega}", consiglioSecondo:"Und für {zona}, wie du mir gesagt hast, empfehle ich dir auch {prodotto}. {spiega}", consiglioSchiena:"Für den Rücken schlage ich dir auch {prodotto} vor. {spiega}", whatsapp:"Noch eine Frage? Schreib uns hier und einer unserer Berater antwortet dir sofort.", waBtn:"Luca - Online-Berater", firma:"Bis bald,", schedaKicker:"Hab’s!", schedaTitolo:"Das passt genau zu dir", schedaSotto:"Damit fängst du schon ab morgen an, deine Schmerzen zu lösen." }; /* Prezzi SEGNAPOSTO: aggiorna qui. Ogni coppia Base/Pro è definita una volta in COPPIE. */ var PRODOTTI = { cuscinoCV: { wcId:9615, nome:"Mysa Thermo Kissen", art:"das Mysa Thermo Kissen", linea:'agopressione', prezzo:"59,90 €", prezzoListino:"76 €", url:"https://www.mysa-mat.de/produkte/mysa-thermo-kissen-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home.jpg", perche:"Die gezielte Akupressur-Massage für Nacken und Genick, gegen HWS-Beschwerden und Verspannungen", spiega:"das Kissen mit den Mysa-Blüten mit 33 Spitzen und einer Füllung aus Bio-Dinkelspelz: Du wärmst es in der Mikrowelle, legst es unter den Nacken und in 20 Minuten lösen Akupressur und Wärme die Verspannungen in Nacken und Schultern. Gegen Nackenschmerzen, steifen Nacken und Spannungskopfschmerzen.", rec:"«Wirklich hilfreich: Ich habe sie dreimal benutzt und habe keine Rückenschmerzen mehr. Auch bei Nackenschmerzen wirkt sie sehr gut.»", recAutore:"Eugenia Hriscu" }, cuscinoCA: { wcId:9560, nome:"Mysa ThermoMag Kissen", art:"das Mysa ThermoMag Kissen", linea:'agopressione', prezzo:"79,90 €", prezzoListino:"98,90 €", url:"https://www.mysa-mat.de/produkte/mysa-thermomag-kissen-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-4.jpg", perche:"Akupressur plus Magnete: tiefere schmerzlindernde Wirkung auf Nacken und Genick", spiega:"die Version unseres wärmbaren Kissens mit 8 Bio-Magneten: Mysa-Spitzen, Dinkelspelz und Magnetfeldtherapie zusammen, für die tiefste Wirkung bei Nackenschmerzen, Bandscheibenvorfall in der Halswirbelsäule, steifem Nacken und Kopfschmerzen.", rec:"«Es stimmt, sogar bei Kopfschmerzen hilft es mir sehr.»", recAutore:"Daniela Cominardi" }, ergonoB: { wcId:9528, nome:"ErgonoMysa", art:"die ErgonoMysa", linea:'agopressione', prezzo:"109,90 €", prezzoListino:"135 €", url:"https://www.mysa-mat.de/produkte/ergono-mysa-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-7.jpg", perche:"20 Minuten am Tag: Rückenschmerzen lösen sich von selbst", spiega:"die Mysa-Matte mit dem ergonomischen Korrektor Hot ErgonoPad: Du wärmst ihn, legst ihn unter den unteren Rücken und die Matte folgt der Kurve deiner Wirbelsäule. Akupressur und Wärme lösen Verspannungen und lindern Lendenschmerzen, Bandscheibenvorfälle und Bandscheibenschäden, 20 Minuten am Tag.", rec:"«Ich habe endlich aufgehört, Schmerzmittel zu nehmen: eine halbe Stunde am Tag, regelmäßig, und der Schmerz ist fast verschwunden.»", recAutore:"Giovanna Tortoriello" }, ergonoMag: { wcId:9488, nome:"ErgonoMag Mysa", art:"die ErgonoMag Mysa", linea:'agopressione', prezzo:"148,90 €", prezzoListino:"168 €", url:"https://www.mysa-mat.de/produkte/ergonomag-mysa-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-10.jpg", perche:"Akupressur plus Magnete: tiefere Wirkung gegen Rückenschmerzen", spiega:"die ErgonoMysa mit Bio-Magneten: derselbe wärmbare ergonomische Korrektor unter dem unteren Rücken, auf der Magnetic Mysa Matte. Akupressur, Wärme und Magnetfeldtherapie für die tiefste Wirkung bei Lendenschmerzen, Bandscheibenvorfällen, Bandscheibenschäden und Ischias.", rec:"«Außergewöhnlich! Mein Rücken ist wegen einer Skoliose furchtbar… ich weiß nicht mehr, was Schmerzen sind!»", recAutore:"Lucla Bondi" }, ergonoDuo: { wcId:9491, nome:"Ergono Mysa Duo", art:"das Ergono Mysa Duo", linea:'agopressione', prezzo:"143,90 €", prezzoListino:"212 €", url:"https://www.mysa-mat.de/produkte/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 Minuten am Tag: Rücken, Nacken und Verspannungen lösen sich von selbst", spiega:"das Set mit der wärmbaren ergonomischen Matte und dem Mysa Thermo Kissen: Akupressur und Wärme vom unteren Rücken bis zum Nacken, in derselben Sitzung. Für alle, die Rücken- und Nackenschmerzen zugleich haben.", rec:"«Ich leide unter Rückenschmerzen, die Linderung ist sofort spürbar… Fantastisch!»", recAutore:"Francesca Cucchi" }, superbooster: { wcId:9472, nome:"Mysa SuperBooster", art:"das Mysa SuperBooster", linea:'agopressione', prezzo:"197,90 €", prezzoListino:"248 €", url:"https://www.mysa-mat.de/produkte/mysa-superbooster-html/", img:"https://mysa.it/wp-content/uploads/2020/06/home-12.jpg", perche:"Akupressur, Wärme und Magnete: das Beste gegen Rückenschmerzen", spiega:"unser vollständigstes Set: Magnetic Mysa Matte, ThermoMag Kissen und wärmbarer ergonomischer Korrektor. Akupressur, Wärme und Magnetfeldtherapie vom unteren Rücken bis zum Nacken: das Stärkste gegen Bandscheibenvorfälle, Bandscheibenschäden, Lenden- und Nackenschmerzen.", rec:"«Ich benutze sie jeden Abend vor dem Schlafen… sie hilft wirklich gegen Rückenschmerzen.»", recAutore:"Riccardo Antonietta" }, ergonoDuoXXL: { wcId:31602, nome:"ErgonoMysa Duo XXL", art:"das ErgonoMysa Duo XXL", linea:'agopressione', prezzo:"198,90 €", prezzoListino:"263,90 €", url:"https://www.mysa-mat.de/produkte/ergonomysa-duo-xxl-die-groessten-und-laengsten-akupressurmatten-fuer-grosse-und-grosse-statur/", 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:"Das große Format für den ganzen Körper: Schmerzen, Verspannungen und Stress lösen sich", spiega:"die längste Mysa-Matte, 150 cm, mit dem wärmbaren Nackenkissen und dem ergonomischen Korrektor für den unteren Rücken: insgesamt 180 cm, vom Nacken bis zu den Füßen. Gemacht für große Menschen mit Schmerzen entlang der ganzen Wirbelsäule.", rec:"«Nach einem Tag auf den Beinen, mit meinen Rückenproblemen, ein Segen! Ich lege mich 10 Minuten darauf und die Muskeln entspannen sich.»", recAutore:"Anna Castagna" }, superbXXL: { wcId:31518, nome:"Mysa SuperBooster XXL", art:"das Mysa SuperBooster XXL", linea:'agopressione', prezzo:"278,90 €", prezzoListino:"360 €", url:"https://www.mysa-mat.de/produkte/mysa-superbooster-xxl-laengstes-akupressurmatte-xl-set-mit-akupressurkissen-fuer-groessere-statur/", img:"https://mysa.it/wp-content/uploads/2023/04/SUPERBOOSTER-XXL-AKUPRESSURMATTE-XL-TAPIS-ACUPRESSION-XL-PRANAMAT-XL-TAPPETINO-MYSA-XL.jpg", perche:"Der ganze Körper, mit Wärme und Magneten: die umfassendste Wirkung bei Schmerzen und Verspannungen", spiega:"unser Spitzenmodell in XXL: Magnetic Mysa mit 150 cm, Magnetkissen und wärmbarer Korrektor. Akupressur, Wärme und Magnetfeldtherapie auf der ganzen Wirbelsäule und den Beinen, gegen die hartnäckigsten Schmerzen.", rec:"«Stimmt absolut, ich kann die Wirkung bestätigen: Seit ich sie benutze, sind meine Rückenprobleme…»", recAutore:"Luisa Stocco" }, thermoDuo: { wcId:9583, nome:"Thermo Mysa Duo", art:"das Thermo Mysa Duo", linea:'agopressione', prezzo:"109,90 €", prezzoListino:"160 €", url:"https://www.mysa-mat.de/produkte/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:"Matte und Kissen zusammen: Rücken, Nacken und Verspannungen vor dem Schlafen", spiega:"das Set aus Matte und Mysa Thermo Kissen: Du wärmst es, legst dich abends hin und in 20 Minuten lockern Akupressur und Wärme Rücken und Nacken vor dem Schlafen. Gegen Rückenschmerzen, Nackenschmerzen und Schlaflosigkeit.", rec:"«Wenn mir der Rücken wehtut, schlafe ich darauf und am nächsten Morgen ist alles wieder gut… toller Kauf.»", recAutore:"Elisa Corazza" }, thermoMagDuo: { wcId:9557, nome:"Thermomag Mysa Duo", art:"das Thermomag Mysa Duo", linea:'agopressione', prezzo:"164,90 €", prezzoListino:"226 €", url:"https://www.mysa-mat.de/produkte/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:"Wärme und Magnete zusammen: das tiefste Abendritual gegen Schmerzen und Schlaflosigkeit", spiega:"das Thermo Mysa Duo mit Magneten: Magnetic Mysa Matte und ThermoMag Kissen. Akupressur, Wärme und Magnetfeldtherapie auf der ganzen Wirbelsäule, gegen Ischias, Lendenschmerzen, Nackenschmerzen und Schlaflosigkeit.", rec:"«Nach 20 Minuten habe ich meinen Ischias nicht mehr gespürt.»", recAutore:"Alessandra Limido" }, extenderB: { wcId:15500, nome:"Mysa Back Extender", art:"den Mysa Back Extender", linea:'agopressione', prezzo:"79,90 €", prezzoListino:"89,90 €", url:"https://www.mysa-mat.de/produkte/mysa-back-extender/", img:"https://mysa.it/wp-content/uploads/2020/11/stretcher_lombare_es_iwvLb-scaled.jpg", perche:"Sanfte Entlastung der Wirbelsäule, gedacht bei Bandscheibenvorfall und Bandscheibenschäden", spiega:"der Mysa Rückenstrecker: Du legst dich 12 Minuten am Tag auf den Bogen, mit millimetergenau einstellbarer Krümmung, die Wirbelsäule streckt sich, die Bandscheiben werden entlastet und der Druck von Bandscheibenvorfällen und -schäden lässt nach. Mit Akupressurbezug, wärmbarem Gelpad und Triggerball.", rec:"«Ich habe es seit etwa zwei Wochen und es hat schon Wunder gewirkt. Danke Mysa.»", recAutore:"Rosaria Marino" }, extenderDuo: { wcId:21347, nome:"Mysa Extender Duo", art:"das Mysa Extender Duo", linea:'agopressione', prezzo:"119,90 €", prezzoListino:"144 €", url:"https://www.mysa-mat.de/produkte/extender-duo/", img:"https://mysa.it/wp-content/uploads/2021/08/stretcher_lombare_es_aN6C8-min.jpg", perche:"Entlastung plus Akupressur: das komplette Programm für die Wirbelsäule", spiega:"der Back Extender zusammen mit dem Mysa Akupressurkissen: Du entlastest die Lendenwirbelsäule auf dem Bogen, während die Spitzen am Nacken arbeiten. Das komplette Programm gegen Bandscheibenvorfälle, Bandscheibenschäden, Lenden- und Nackenschmerzen.", rec:"«Ich benutze es seit 4 Jahren und kann nicht mehr darauf verzichten!»", recAutore:"Carla Sinoni" }, relevia: { wcId:67670, nome:"Mysa Relevia™", art:"das Mysa Relevia™", linea:'agopressione', prezzo:"79,90 €", prezzoListino:"119 €", url:"https://www.mysa-mat.de/produkte/mysa-relevia/", img:"https://mysa.it/wp-content/uploads/2026/09/mysa-cuscino-quadrato-sfondo-bianco-1024x1024.png", perche:"Stützt den Nacken die ganze Nacht, in jeder Position: kein Aufwachen mehr mit Nackenschmerzen", spiega:"unser Kissen für die Nacht: sechs millimetergenau gestaltete Zonen stützen den Nacken in jeder Position, damit du ohne steifen Nacken und ohne Schmerzen in Schultern und Kopf aufwachst.", rec:"«Ich arbeite 9 Stunden am PC und abends war mein Nacken immer kaputt. Nach einer Woche habe ich ihn nicht mehr gespürt.»", recAutore:"Andrea C." }, originalXXL: { wcId:29346, nome:"Original Mysa XXL", art:"die Original Mysa XXL", linea:'agopressione', prezzo:"119,90 €", prezzoListino:"165 €", url:"https://www.mysa-mat.de/produkte/original-mysa-xxl-akupressurmatten-xxl-extra-lange-grosse/", 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:"Die extralange Matte: von den Schultern bis zu den Beinen, gegen Schmerzen und schwere Beine", spiega:"die extralange Mysa-Matte, 150 cm Blüten mit 33 Spitzen: vom Nacken bis zu den Füßen in einer Sitzung. Akupressur regt die Mikrozirkulation an: gegen Rückenschmerzen, geschwollene schwere Beine und Cellulite.", rec:"«Liebe Frauen: Gegen Orangenhaut wirkt es wirklich, die Haut wird elastischer.»", recAutore:"Ladi Oscar" }, magneticXXL: { wcId:30262, nome:"Magnetic Mysa XXL", art:"die Magnetic Mysa XXL", linea:'agopressione', prezzo:"169,90 €", prezzoListino:"275 €", url:"https://www.mysa-mat.de/produkte/magnetic-mysa-xxl-extra-grosse-lange-akupressurmatte-mit-magneten/", img:"https://mysa.it/wp-content/uploads/2023/03/MAGNETIC-MYSA-XXL-AKUPRESSURMATTE-XL-ACUPRESSION-XL.jpg", perche:"Die extralange Matte mit Magneten: tiefere Wirkung, von den Schultern bis zu den Beinen", spiega:"die Original Mysa XXL mit 32 Bio-Magneten: 150 cm Akupressur und Magnetfeldtherapie vom Nacken bis zu den Füßen, für die tiefste Wirkung bei Rückenschmerzen, schweren Beinen und Mikrozirkulation.", rec:"«Ich habe es vor 3 Jahren gekauft… fabelhaft! Eine unglaublich entspannende Wirkung.»", recAutore:"Manuela Miari" }, ergonoXXL: { wcId:31546, nome:"ErgonoMysa XXL", art:"die ErgonoMysa XXL", linea:'agopressione', prezzo:"168,90 €", prezzoListino:"224 €", url:"https://www.mysa-mat.de/produkte/extra-lange-akupressurmatte-verdoppelte-original-mysa-xl-ergonomischen-beheizbaren/", 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:"Extralang, ergonomisch und wärmbar: Rücken und Beine auf einer Matte", spiega:"die Original Mysa XXL mit 150 cm und dem wärmbaren ergonomischen Korrektor: unter den unteren Rücken gegen Lendenschmerzen und Bandscheibenvorfälle, oder unter Oberschenkel und Waden, um die Durchblutung der Beine anzuregen.", rec:"«Ich habe es seit 15 Jahren… nie mehr ohne.»", recAutore:"Carletta Carolina" }, thermoDuoXXL: { wcId:30177, nome:"Thermo Mysa Duo XXL", art:"das Thermo Mysa Duo XXL", linea:'agopressione', prezzo:"165,90 €", prezzoListino:"220 €", url:"https://www.mysa-mat.de/produkte/thermo-mysa-duo-xxl-akupressurmatten-xxl-mit-akupressurkissen-extra-lange-grosse/", img:"https://mysa.it/wp-content/uploads/2023/02/THERMO-MYSA-DUO-AGOPRESSIONE-AKUPRESSURMATTE.jpg", perche:"Die längste Matte mit wärmbarem Kissen: 180 cm Linderung vom Nacken bis zu den Füßen", spiega:"die extralange 150-cm-Matte mit dem Mysa Thermo Kissen: Akupressur vom Nacken bis zu den Füßen und Wärme im Nacken, gegen Rückenschmerzen, Nackenschmerzen und schwere Beine.", rec:"«Fantastische Matte! Ich benutze sie seit 10 Tagen gegen Stress und Schlaflosigkeit.»", recAutore:"Claudia Taibez" }, thermoMagDuoXXL: { wcId:31507, nome:"Thermo Mag Mysa Duo XXL", art:"das Thermo Mag Mysa Duo XXL", linea:'agopressione', prezzo:"228,50 €", prezzoListino:"325 €", url:"https://www.mysa-mat.de/produkte/thermomag-mysa-duo-xxl-set-akupressurmatten-xl-extragrosses-langes-mit-akupressurkissen-mit-magneten/", img:"https://mysa.it/wp-content/uploads/2023/03/THERMOMAG-MYSA-DUO-XXL-AKUPRESSURMATTE-XL-TAPIS-ACUPRESSIONE-XL.jpg", perche:"Die längste Matte mit wärmbarem Kissen und Magneten: drei natürliche Therapien zusammen", spiega:"die XXL-Version mit Magneten: Magnetic Mysa mit 150 cm und ThermoMag Kissen. Akupressur, Wärme und Magnetfeldtherapie vom Nacken bis zu den Füßen, gegen Ischias, Lendenschmerzen, Nackenschmerzen und geschwollene Beine.", rec:"«Nach 20 Minuten habe ich meinen Ischias nicht mehr gespürt.»", recAutore:"Alessandra Limido" }, ergonoMagXXL: { wcId:31644, nome:"ErgonoMag Mysa XXL", art:"die ErgonoMag Mysa XXL", linea:'agopressione', prezzo:"229 €", prezzoListino:"325 €", url:"https://www.mysa-mat.de/produkte/ergonomag-mysa-xxl-2/", img:"https://mysa.it/wp-content/uploads/2023/04/ERGONOMAG-XXL-TAPPETINO-XL-AKUPRESSUR-AGOPRESSIONE-XL-LAUNGO.jpg", perche:"Extralang, ergonomisch, wärmbar und mit Magneten: Rücken und Beine zusammen", spiega:"die ErgonoMysa XXL mit Bio-Magneten: 150 cm Akupressur und Magnetfeldtherapie, mit dem wärmbaren Korrektor für den unteren Rücken oder die Beine. Gegen Bandscheibenvorfälle, Bandscheibenschäden, Lendenschmerzen und schwere Beine.", rec:"«Außergewöhnlich! Mein Rücken ist wegen einer Skoliose furchtbar… ich weiß nicht mehr, was Schmerzen sind!»", 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) ? 'Beine' : 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:"Ein Kissen, das Nacken und Wirbelsäule die ganze Nacht stützt" }, { id:'massage', label:"Ein Kissen, das dir zu Hause eine Akupressur-Massage gibt, 20 Minuten am Tag" } ]; 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' ? ', vor allem nachts' : state.q2b==='massage' ? ', vor allem tagsüber' : ', tagsüber und nachts'; } var lines=[l1]; if(state.others.length){ lines.push('Und '+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 = ''+aa.slice(0,-1).join(', ')+' und '+aa[aa.length-1]+' gemeinsam lösen'; } else if(state.primary==='relax' && r.P && r.P!=='relax'){ cosa = 'vor allem '+Z(r.P)+' lösen, dazu Stress und Verspannungen'; } else if(r.P && r.P!==state.primary && isLeg(r.P)){ cosa = 'vor allem '+Z(r.P)+' lösen, zusammen mit '+zona(state.primary).breve; } else if((state.primary==='collo'||state.primary==='dormo') && state.q2b){ cosa = state.q2b==='pillow' ? "ein Kissen, das Nacken und Wirbelsäule die ganze Nacht stützt" : state.q2b==='massage' ? "ein Kissen, das dir zu Hause eine Akupressur-Massage gibt, 20 Minuten am Tag" : "beides: Halt in der Nacht und Massage am Tag"; } else if(state.primaryWord){ cosa = 'vor allem '+state.primaryWord+' lösen'; } else { cosa = 'vor allem '+Z(state.primary)+' lösen'; } 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 ? "Und da du auch Cellulite genannt hast: keine Sorge, dafür passt es ebenfalls." : "Und da du auch geschwollene Beine genannt hast: keine Sorge, dafür passt es ebenfalls."); } 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)+'

' + '' + 'Entdecke '+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 = 'besseren Schlaf'; else per = zona(state.primary).breve; if(state.primary==='collo' && (state.q2b==='pillow'||state.q2b==='both')) per += ' nachts'; var t = 'Hallo '+CONSULENTE.nome+', ich habe den Test gemacht. Du hast mir '+baseProd(r.main).nome+' für '+per; if(r.second) t += ' und '+baseProd(r.second.prod).nome+' für '+zona(r.second.zona).breve; return t+' empfohlen. Darf ich dich etwas fragen?'; } 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); }); })(); })();