{"id":37,"date":"2026-06-25T23:07:50","date_gmt":"2026-06-25T21:07:50","guid":{"rendered":"https:\/\/shampissima.it\/index.php\/home\/"},"modified":"2026-06-29T22:24:09","modified_gmt":"2026-06-29T20:24:09","slug":"home","status":"publish","type":"page","link":"https:\/\/shampissima.it\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');\n\nbody{background:#faf7ef;font-family:'Inter',sans-serif;color:#1c1a16}\n\n.wp-block-heading,\nh1, h2, h3, h4{\n  font-family:'Manrope',sans-serif;\n  font-weight:800;\n  letter-spacing:-0.02em;\n  line-height:1.1;\n  color:#1c1a16;\n}\nh1.wp-block-heading{letter-spacing:-0.03em}\n\np{line-height:1.6;color:#33312c}\n\n\/* Buttons: real states, no all-caps gimmick, closer to mockup's solid pill CTA *\/\n.wp-block-button__link{\n  border-radius:8px !important;\n  padding:15px 30px !important;\n  font-weight:600;\n  font-size:0.95rem;\n  letter-spacing:0;\n  text-transform:none;\n  transition:background-color 200ms ease, transform 150ms ease, box-shadow 200ms ease;\n  cursor:pointer;\n}\n.wp-block-button__link:hover{\n  filter:brightness(1.08);\n  transform:translateY(-1px);\n  box-shadow:0 6px 16px rgba(0,0,0,0.12);\n}\n.wp-block-button__link:focus-visible{\n  outline:3px solid #9DB89A;\n  outline-offset:2px;\n}\n.wp-block-button.is-style-outline .wp-block-button__link{\n  border:1.5px solid currentColor;\n  transition:background-color 200ms ease, color 200ms ease;\n}\n.wp-block-button.is-style-outline .wp-block-button__link:hover{\n  background:#1c1a16;\n  color:#fff;\n  filter:none;\n  transform:none;\n}\n\n\/* Section rhythm *\/\n.wp-block-group{ }\na{transition:opacity 150ms ease}\na:focus-visible{outline:3px solid #9DB89A;outline-offset:2px}\n\n@media (prefers-reduced-motion: reduce){\n  *{transition:none !important; animation:none !important}\n}\n<\/style>\n\n\n\n<script src=\"https:\/\/unpkg.com\/@studio-freight\/lenis@1.0.42\/dist\/lenis.min.js\" defer><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\" defer><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\" defer><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/splitting@1.1.0\/dist\/splitting.min.js\" defer><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-tilt@1.8.1\/dist\/vanilla-tilt.min.js\" defer><\/script>\n\n<style>\n.reveal{opacity:0;transform:translateY(40px);transition:none}\n.reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity 800ms cubic-bezier(0.16,1,0.3,1), transform 800ms cubic-bezier(0.16,1,0.3,1)}\n.tilt-card{will-change:transform}\n.split-char,.split-word{display:inline-block}\n@media (prefers-reduced-motion: reduce){\n  .reveal{opacity:1 !important;transform:none !important}\n}\nhtml.ssm-lenis-ready{scroll-behavior:auto}\n<\/style>\n\n<script>\n(function(){\n  function boot(){\n    if(typeof gsap === 'undefined'){ setTimeout(boot, 60); return; }\n\n    var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/\/ --- Smooth scroll (Lenis) synced with GSAP ticker ---\n    if(!reduceMotion && typeof Lenis !== 'undefined'){\n      var lenis = new Lenis({ duration: 1.1, smoothWheel: true });\n      function raf(time){ lenis.raf(time); requestAnimationFrame(raf); }\n      requestAnimationFrame(raf);\n      document.documentElement.classList.add('ssm-lenis-ready');\n      if(window.ScrollTrigger){\n        lenis.on('scroll', ScrollTrigger.update);\n        gsap.ticker.add(function(time){ lenis.raf(time * 1000); });\n        gsap.ticker.lagSmoothing(0);\n      }\n    }\n\n    \/\/ --- Scroll-triggered reveal for sections ---\n    if(window.ScrollTrigger){\n      gsap.registerPlugin(ScrollTrigger);\n      document.querySelectorAll('.reveal').forEach(function(el){\n        ScrollTrigger.create({\n          trigger: el,\n          start: 'top 85%',\n          once: true,\n          onEnter: function(){ el.classList.add('is-visible'); }\n        });\n      });\n\n      \/\/ Staggered product cards inside bundle builder\n      var cards = document.querySelectorAll('.ssm-items .tilt-card');\n      if(cards.length){\n        gsap.set(cards, {opacity:0, y:30});\n        ScrollTrigger.create({\n          trigger: '.ssm-items',\n          start: 'top 85%',\n          once: true,\n          onEnter: function(){\n            gsap.to(cards, {opacity:1, y:0, duration:0.6, stagger:0.12, ease:'power2.out'});\n          }\n        });\n      }\n    } else {\n      document.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('is-visible'); });\n    }\n\n    \/\/ --- Hero headline letter\/word split animation ---\n    if(typeof Splitting !== 'undefined'){\n      var heroHeading = document.querySelector('.ssm-hero h1');\n      if(heroHeading){\n        var results = Splitting({ target: heroHeading, by: 'words' });\n        if(!reduceMotion && results[0]){\n          gsap.set(results[0].words, {opacity:0, y:24});\n          gsap.to(results[0].words, {opacity:1, y:0, duration:0.7, stagger:0.06, ease:'power3.out', delay:0.1});\n        }\n      }\n    }\n\n    \/\/ --- Tilt effect on product cards ---\n    if(typeof VanillaTilt !== 'undefined'){\n      var tiltEls = document.querySelectorAll('.tilt-card');\n      if(tiltEls.length && !reduceMotion){\n        VanillaTilt.init(tiltEls, { max: 6, speed: 400, glare: false, scale: 1.02 });\n      }\n    }\n  }\n\n  if(document.readyState === 'complete' || document.readyState === 'interactive'){\n    setTimeout(boot, 0);\n  } else {\n    document.addEventListener('DOMContentLoaded', boot);\n  }\n})();\n<\/script>\n\n\n\n\n\n<style>\n.ssm-hero{\n  position:relative;\n  min-height:88vh;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  background:linear-gradient(160deg,#eef0e2 0%,#f7f4ea 45%,#f3efe1 100%);\n  padding:60px 24px;\n}\n.ssm-hero-blob{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(60px);\n  opacity:0.55;\n  pointer-events:none;\n}\n.ssm-hero-blob.b1{width:520px;height:520px;background:#9DB89A;top:-180px;left:-160px}\n.ssm-hero-blob.b2{width:420px;height:420px;background:#4b5d40;opacity:0.18;bottom:-160px;right:-120px}\n.ssm-hero-blob.b3{width:260px;height:260px;background:#d8cf9a;opacity:0.4;top:30%;right:8%}\n\n.ssm-hero-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:1.1fr 0.9fr;\n  align-items:center;\n  gap:40px;\n  max-width:1240px;\n  width:100%;\n}\n@media (max-width:900px){\n  .ssm-hero-inner{grid-template-columns:1fr;text-align:center}\n  .ssm-hero-visual{order:-1;height:340px}\n}\n\n.ssm-hero-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-size:0.8rem;\n  font-weight:700;\n  letter-spacing:0.12em;\n  text-transform:uppercase;\n  color:#3d4d34;\n  background:rgba(75,93,64,0.1);\n  padding:8px 16px;\n  border-radius:30px;\n  margin-bottom:24px;\n}\n.ssm-hero-eyebrow::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#4b5d40}\n\n.ssm-hero h1{\n  font-size:clamp(2.6rem, 6vw, 4.6rem);\n  font-weight:800;\n  line-height:1.02;\n  letter-spacing:-0.03em;\n  margin:0 0 22px;\n  color:#1c1a16;\n}\n.ssm-hero h1 em{\n  font-style:normal;\n  background:linear-gradient(100deg,#4b5d40,#7a9270);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n\n.ssm-hero p.lead{\n  font-size:1.15rem;\n  line-height:1.6;\n  color:#454238;\n  max-width:480px;\n  margin:0 0 36px;\n}\n@media (max-width:900px){.ssm-hero p.lead{margin:0 auto 36px}}\n\n.ssm-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}\n@media (max-width:900px){.ssm-hero-ctas{justify-content:center}}\n.ssm-hero-btn{\n  display:inline-flex;align-items:center;gap:8px;\n  background:#4b5d40;color:#fff;border:none;border-radius:8px;\n  padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;\n  transition:background-color 200ms ease, transform 150ms ease, box-shadow 200ms ease;\n}\n.ssm-hero-btn:hover{background:#3d4d34;transform:translateY(-2px);box-shadow:0 10px 24px rgba(75,93,64,0.25)}\n.ssm-hero-btn:focus-visible{outline:3px solid #9DB89A;outline-offset:2px}\n.ssm-hero-btn.outline{\n  background:transparent;color:#1c1a16;border:1.5px solid #1c1a16;\n}\n.ssm-hero-btn.outline:hover{background:#1c1a16;color:#fff;box-shadow:none;transform:none}\n\n.ssm-hero-visual{\n  position:relative;\n  height:480px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.ssm-hero-visual img{\n  position:absolute;\n  filter:drop-shadow(0 30px 40px rgba(28,26,22,0.18));\n}\n.ssm-hero-img-1{width:240px;bottom:0;left:50%;transform:translateX(-50%);z-index:3}\n.ssm-hero-img-2{width:150px;bottom:30px;left:8%;z-index:2;transform:rotate(-6deg)}\n.ssm-hero-img-3{width:130px;bottom:40px;right:6%;z-index:2;transform:rotate(7deg)}\n\n.ssm-hero-fade{\n  opacity:0;\n  transform:translateY(16px);\n  animation:ssmFadeUp 700ms ease-out forwards;\n}\n.ssm-hero-fade.d1{animation-delay:0ms}\n.ssm-hero-fade.d2{animation-delay:120ms}\n.ssm-hero-fade.d3{animation-delay:240ms}\n.ssm-hero-fade.d4{animation-delay:360ms}\n@keyframes ssmFadeUp{to{opacity:1;transform:translateY(0)}}\n\n@media (prefers-reduced-motion: reduce){\n  .ssm-hero-fade{animation:none;opacity:1;transform:none}\n}\n<\/style>\n\n<section class=\"ssm-hero\">\n  <div class=\"ssm-hero-blob b1\"><\/div>\n  <div class=\"ssm-hero-blob b2\"><\/div>\n  <div class=\"ssm-hero-blob b3\"><\/div>\n\n  <div class=\"ssm-hero-inner\">\n    <div>\n      <span class=\"ssm-hero-eyebrow ssm-hero-fade d1\">Scalp First \u00b7 Routine Professionale<\/span>\n      <h1 class=\"ssm-hero-fade d2\">Parti dalla <em>cute<\/em>.<\/h1>\n      <p class=\"lead ssm-hero-fade d3\">La routine professionale per purificare, esfoliare e riequilibrare la cute grassa e mantenere i capelli leggeri pi\u00f9 a lungo.<\/p>\n      <div class=\"ssm-hero-ctas ssm-hero-fade d4\">\n        <a class=\"ssm-hero-btn\" href=\"https:\/\/shampissima.it\/shop\/\">Crea la tua routine<\/a>\n        <a class=\"ssm-hero-btn outline\" href=\"https:\/\/shampissima.it\/il-metodo\/\">Scopri il metodo<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"ssm-hero-visual ssm-hero-fade d3\">\n      <img decoding=\"async\" class=\"ssm-hero-img-1\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/shampoo-1000.png\" alt=\"Shampoo Seboregolatore Season Detox 1000ml\" loading=\"eager\">\n      <img decoding=\"async\" class=\"ssm-hero-img-2\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/scrub-300.png\" alt=\"Scrub Purificante Season Detox 300ml\" loading=\"eager\">\n      <img decoding=\"async\" class=\"ssm-hero-img-3\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100.png\" alt=\"Lozione Riequilibrante Season Detox 100ml\" loading=\"eager\">\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<div class=\"wp-block-group alignwide reveal is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:70px;padding-bottom:70px\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"letter-spacing:1px;text-transform:uppercase;font-size:0.85rem\">Il problema<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Se i capelli si appesantiscono, spesso il punto di partenza \u00e8 la cute.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sebo, impurit\u00e0 e residui possono appesantire la cute e far perdere leggerezza ai capelli. Per questo Shampissima parte dalla radice, non solo dalle lunghezze.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Cute appesantita<\/strong><br\/>Sensi a cute meno fresca del solito.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Capelli pesanti<\/strong><br\/>I capelli perdono leggerezza pi\u00f9 in fretta.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Lavaggi frequenti<\/strong><br\/>Hai la sensazione di doverli lavare spesso.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"letter-spacing:1px;text-transform:uppercase;font-size:0.85rem\">Il metodo Scalp First<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3 step. Un unico obiettivo: una cute sana, capelli leggeri.<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.204), 1rem);\">1. SCRUB<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Esfolia la cute<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.204), 1rem);\">2. SHAMPOO<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Purifica e deterge<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.204), 1rem);\">3. LOZIONE<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Riequilibra e completa<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-weight:600\">Ordine corretto: Scrub \u2192 Shampoo \u2192 Lozione<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n.ssm-bundle{font-family:'Inter',sans-serif;background:#f3efe4;border-radius:18px;padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;max-width:1200px;margin:0 auto}\n@media (max-width:800px){.ssm-bundle{grid-template-columns:1fr;padding:28px}}\n.ssm-bundle h2{font-size:1.9rem;margin:0 0 8px}\n.ssm-bundle-sub{color:#5a5a52;margin:0 0 32px;font-size:1rem}\n.ssm-items{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n@media (max-width:600px){.ssm-items{grid-template-columns:1fr}}\n.ssm-item{background:#fff;border-radius:14px;padding:20px;text-align:center;position:relative;border:1px solid #e7e2d4;transition:box-shadow 200ms ease, border-color 200ms ease}\n.ssm-item:has(.ssm-check[aria-checked=\"true\"]){border-color:#4b5d40;box-shadow:0 4px 14px rgba(75,93,64,0.12)}\n.ssm-item img{max-width:100%;height:120px;object-fit:contain;margin-bottom:10px}\n.ssm-item h4{margin:6px 0 2px;font-size:0.95rem;font-weight:700}\n.ssm-item p{margin:0;font-size:0.85rem;color:#666;line-height:1.4}\n.ssm-check{position:absolute;top:12px;left:12px;width:24px;height:24px;border-radius:6px;border:2px solid #4b5d40;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;transition:background-color 150ms ease, transform 150ms ease;padding:0}\n.ssm-check:hover{transform:scale(1.06)}\n.ssm-check:focus-visible{outline:3px solid #9DB89A;outline-offset:2px}\n.ssm-check[aria-checked=\"true\"]{background:#4b5d40}\n.ssm-check[aria-checked=\"true\"]::after{content:\"\u2713\";color:#fff;font-size:14px;font-weight:bold}\n.ssm-price{font-weight:700;margin-top:10px;display:block;color:#1c1a16}\n.ssm-format{margin-top:10px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}\n.ssm-format button{border:1px solid #ccc;background:#fff;border-radius:6px;padding:6px 10px;font-size:0.78rem;cursor:pointer;transition:all 150ms ease;min-height:30px}\n.ssm-format button:hover{border-color:#4b5d40}\n.ssm-format button:focus-visible{outline:3px solid #9DB89A;outline-offset:1px}\n.ssm-format button.active{border-color:#4b5d40;background:#4b5d40;color:#fff}\n.ssm-summary{background:#fff;border-radius:14px;padding:28px}\n.ssm-summary h3{margin:0 0 18px;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;color:#444;font-weight:700}\n.ssm-line{display:flex;justify-content:space-between;font-size:0.92rem;margin-bottom:9px;color:#33312c}\n.ssm-divider{border-top:1px solid #eee;margin:16px 0}\n.ssm-total{display:flex;justify-content:space-between;font-size:1.35rem;font-weight:800;margin:12px 0;font-family:'Manrope',sans-serif}\n.ssm-savings{color:#3d4d34;font-weight:600;font-size:0.9rem;margin-bottom:16px;display:flex;align-items:center;gap:6px}\n.ssm-savings::before{content:\"\";width:8px;height:8px;border-radius:50%;background:#4b5d40;display:inline-block}\n.ssm-ship{background:#eee8d8;border-radius:8px;padding:11px 14px;font-size:0.85rem;margin-bottom:20px;color:#33312c}\n.ssm-cta{width:100%;background:#4b5d40;color:#fff;border:none;border-radius:8px;padding:16px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color 200ms ease, transform 150ms ease, box-shadow 200ms ease;min-height:48px}\n.ssm-cta:hover:not(:disabled){background:#3d4d34;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}\n.ssm-cta:focus-visible{outline:3px solid #9DB89A;outline-offset:2px}\n.ssm-cta:disabled{opacity:0.45;cursor:not-allowed;transform:none;box-shadow:none}\n.ssm-empty{color:#888;font-size:0.85rem}\n@media (prefers-reduced-motion: reduce){\n  .ssm-item,.ssm-check,.ssm-format button,.ssm-cta{transition:none !important}\n}\n<\/style>\n\n<div class=\"ssm-bundle\" id=\"ssm-bundle\">\n  <div>\n    <h2>Crea la tua routine e risparmia<\/h2>\n    <p class=\"ssm-bundle-sub\">Scegli i prodotti che vuoi. Pi\u00f9 completi la routine, pi\u00f9 aumenta il risparmio.<\/p>\n    <div class=\"ssm-items\">\n\n      <div class=\"ssm-item tilt-card\" data-key=\"scrub\" data-product-id=\"28\" data-price=\"20.50\">\n        <button type=\"button\" class=\"ssm-check\" data-key=\"scrub\" role=\"checkbox\" aria-checked=\"false\" aria-label=\"Aggiungi Scrub Cute al bundle\"><\/button>\n        <img decoding=\"async\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/scrub-300.png\" alt=\"Scrub Cute Season Detox, vasetto da 300 ml\">\n        <h4>SCRUB CUTE<\/h4>\n        <p>Esfolia e rinnova la cute \u00b7 300 ml<\/p>\n        <span class=\"ssm-price\">\u20ac20,50<\/span>\n      <\/div>\n\n      <div class=\"ssm-item tilt-card\" data-key=\"shampoo\" data-product-id=\"29\" data-variation-id=\"31\" data-price=\"29.90\">\n        <button type=\"button\" class=\"ssm-check\" data-key=\"shampoo\" role=\"checkbox\" aria-checked=\"false\" aria-label=\"Aggiungi Shampoo Detox al bundle\"><\/button>\n        <img decoding=\"async\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/shampoo-1000.png\" alt=\"Shampoo Detox Season Detox\" class=\"ssm-shampoo-img\">\n        <h4>SHAMPOO DETOX<\/h4>\n        <p>Purifica e alleggerisce i capelli<\/p>\n        <div class=\"ssm-format\" role=\"group\" aria-label=\"Scegli il formato dello shampoo\">\n          <button type=\"button\" data-format=\"250\" data-variation-id=\"30\" data-price=\"14.90\" data-img=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/shampoo-250.png\" aria-pressed=\"false\">250 ml \u00b7 \u20ac14,90<\/button>\n          <button type=\"button\" data-format=\"1000\" data-variation-id=\"31\" data-price=\"29.90\" data-img=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/shampoo-1000.png\" class=\"active\" aria-pressed=\"true\">1000 ml \u00b7 \u20ac29,90<\/button>\n        <\/div>\n        <span class=\"ssm-price\">\u20ac29,90<\/span>\n      <\/div>\n\n      <div class=\"ssm-item tilt-card\" data-key=\"lozione\" data-product-id=\"32\" data-price=\"16.90\">\n        <button type=\"button\" class=\"ssm-check\" data-key=\"lozione\" role=\"checkbox\" aria-checked=\"false\" aria-label=\"Aggiungi Lozione Riequilibrante al bundle\"><\/button>\n        <img decoding=\"async\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100.png\" alt=\"Lozione Riequilibrante Season Detox, flacone da 100 ml\">\n        <h4>LOZIONE RIEQUILIBRANTE<\/h4>\n        <p>Riequilibra e completa il trattamento \u00b7 100 ml<\/p>\n        <span class=\"ssm-price\">\u20ac16,90<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"ssm-summary\">\n    <h3>Il tuo bundle<\/h3>\n    <div id=\"ssm-lines\" aria-live=\"polite\"><p class=\"ssm-empty\">Seleziona almeno un prodotto per iniziare.<\/p><\/div>\n    <div class=\"ssm-divider\"><\/div>\n    <div class=\"ssm-line\"><span>Totale prodotti<\/span><span id=\"ssm-subtotal\">\u20ac0,00<\/span><\/div>\n    <div class=\"ssm-line\" id=\"ssm-discount-line\" style=\"display:none\"><span>Sconto bundle<\/span><span id=\"ssm-discount\">-\u20ac0,00<\/span><\/div>\n    <div class=\"ssm-total\"><span>TOTALE BUNDLE<\/span><span id=\"ssm-total\">\u20ac0,00<\/span><\/div>\n    <div class=\"ssm-savings\" id=\"ssm-savings\" style=\"display:none\"><\/div>\n    <div class=\"ssm-ship\" id=\"ssm-ship\" aria-live=\"polite\">Aggiungi \u20ac39,90 di prodotti per la spedizione gratuita<\/div>\n    <button type=\"button\" class=\"ssm-cta\" id=\"ssm-add\" disabled>Seleziona un prodotto<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var state = { scrub:false, shampoo:false, lozione:false };\n  var shampooVariation = {id:31, price:29.90, format:'1000'};\n\n  function fmt(n){ return '\u20ac' + n.toFixed(2).replace('.', ','); }\n\n  function discountRate(count){\n    if(count >= 3) return 0.30;\n    if(count === 2) return 0.15;\n    return 0;\n  }\n\n  function render(){\n    var selected = [];\n    if(state.scrub) selected.push({label:'Scrub Cute 300 ml', price:20.50});\n    if(state.shampoo) selected.push({label:'Shampoo Detox '+shampooVariation.format+' ml', price:shampooVariation.price});\n    if(state.lozione) selected.push({label:'Lozione Riequilibrante 100 ml', price:16.90});\n\n    var linesEl = document.getElementById('ssm-lines');\n    var addBtn = document.getElementById('ssm-add');\n\n    if(selected.length === 0){\n      linesEl.innerHTML = '<p class=\"ssm-empty\">Seleziona almeno un prodotto per iniziare.<\/p>';\n      addBtn.disabled = true;\n      addBtn.textContent = 'Seleziona un prodotto';\n    } else {\n      linesEl.innerHTML = selected.map(function(s){\n        return '<div class=\"ssm-line\"><span>'+s.label+'<\/span><span>'+fmt(s.price)+'<\/span><\/div>';\n      }).join('');\n      addBtn.disabled = false;\n      addBtn.textContent = 'Aggiungi bundle al carrello';\n    }\n\n    var subtotal = selected.reduce(function(a,s){return a+s.price;}, 0);\n    var rate = discountRate(selected.length);\n    var discount = subtotal * rate;\n    var total = subtotal - discount;\n\n    document.getElementById('ssm-subtotal').textContent = fmt(subtotal);\n    var discLine = document.getElementById('ssm-discount-line');\n    if(rate > 0){\n      discLine.style.display = 'flex';\n      document.getElementById('ssm-discount').textContent = '-' + fmt(discount);\n    } else {\n      discLine.style.display = 'none';\n    }\n    document.getElementById('ssm-total').textContent = fmt(total);\n\n    var savingsEl = document.getElementById('ssm-savings');\n    if(rate > 0){\n      savingsEl.style.display = 'flex';\n      savingsEl.textContent = 'Risparmi ' + fmt(discount) + ' (-' + Math.round(rate*100) + '%)';\n    } else {\n      savingsEl.style.display = 'none';\n    }\n\n    var shipEl = document.getElementById('ssm-ship');\n    if(total >= 39.90){\n      shipEl.textContent = '\u2713 Spedizione gratuita sbloccata';\n    } else if(total > 0){\n      shipEl.textContent = 'Aggiungi ' + fmt(39.90 - total) + ' per la spedizione gratuita';\n    } else {\n      shipEl.textContent = 'Spedizione gratuita da \u20ac39,90';\n    }\n\n    window.ssmBundleState = { selected: selected, rate: rate };\n  }\n\n  document.querySelectorAll('.ssm-check').forEach(function(el){\n    el.addEventListener('click', function(){\n      var key = el.getAttribute('data-key');\n      state[key] = !state[key];\n      el.setAttribute('aria-checked', state[key] ? 'true' : 'false');\n      render();\n    });\n  });\n\n  document.querySelectorAll('.ssm-format button').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      document.querySelectorAll('.ssm-format button').forEach(function(b){\n        b.classList.remove('active');\n        b.setAttribute('aria-pressed', 'false');\n      });\n      btn.classList.add('active');\n      btn.setAttribute('aria-pressed', 'true');\n      shampooVariation = {\n        id: parseInt(btn.getAttribute('data-variation-id')),\n        price: parseFloat(btn.getAttribute('data-price')),\n        format: btn.getAttribute('data-format')\n      };\n      var img = document.querySelector('.ssm-shampoo-img');\n      img.src = btn.getAttribute('data-img');\n      var priceLabel = btn.closest('.ssm-item').querySelector('.ssm-price');\n      priceLabel.textContent = fmt(shampooVariation.price);\n      render();\n    });\n  });\n\n  document.getElementById('ssm-add').addEventListener('click', function(){\n    var btn = this;\n    btn.disabled = true;\n    btn.textContent = 'Aggiunta in corso...';\n\n    fetch('\/wp-json\/wc\/store\/v1\/cart', {credentials:'same-origin'})\n      .then(function(r){\n        var nonce = r.headers.get('Nonce');\n        return r.json().then(function(){ return nonce; });\n      })\n      .then(function(nonce){\n        var items = [];\n        if(state.scrub) items.push({id:28, quantity:1});\n        if(state.shampoo) items.push({id:29, variation_id:shampooVariation.id, quantity:1, variation:[{attribute:'Formato', value: shampooVariation.format + ' ml'}]});\n        if(state.lozione) items.push({id:32, quantity:1});\n\n        return items.reduce(function(prevPromise, item){\n          return prevPromise.then(function(){\n            return fetch('\/wp-json\/wc\/store\/v1\/cart\/add-item', {\n              method: 'POST',\n              credentials: 'same-origin',\n              headers: { 'Content-Type': 'application\/json', 'Nonce': nonce },\n              body: JSON.stringify(item)\n            });\n          });\n        }, Promise.resolve()).then(function(){ return nonce; });\n      })\n      .then(function(nonce){\n        var rate = window.ssmBundleState.rate;\n        if(rate >= 0.30){\n          return fetch('\/wp-json\/wc\/store\/v1\/cart\/apply-coupon', {\n            method:'POST', credentials:'same-origin',\n            headers:{'Content-Type':'application\/json','Nonce':nonce},\n            body: JSON.stringify({code:'bundle3'})\n          });\n        } else if(rate >= 0.15){\n          return fetch('\/wp-json\/wc\/store\/v1\/cart\/apply-coupon', {\n            method:'POST', credentials:'same-origin',\n            headers:{'Content-Type':'application\/json','Nonce':nonce},\n            body: JSON.stringify({code:'bundle2'})\n          });\n        }\n      })\n      .then(function(){\n        window.location.href = '\/cart\/';\n      })\n      .catch(function(err){\n        console.error(err);\n        btn.disabled = false;\n        btn.textContent = 'Aggiungi bundle al carrello';\n        alert('Si \u00e8 verificato un errore, riprova.');\n      });\n  });\n\n  render();\n})();\n<\/script>\n\n\n\n\n\n<div class=\"wp-block-group alignwide reveal is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:60px;padding-bottom:60px\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\" style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.842), 1.5rem);font-style:italic\">\n<p class=\"wp-block-paragraph\">Da quando uso la routine Scalp First, la mia cute \u00e8 pi\u00f9 leggera e i capelli restano puliti pi\u00f9 a lungo.<\/p>\n<cite>Martina, 28 anni<\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">+2.000<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Clienti soddisfatti<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">3 step<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Essenziali e mirati<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center\">-30%<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Sul bundle completo<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover alignfull reveal\" style=\"min-height:40vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim\"><\/span><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1501\" class=\"wp-block-cover__image-background wp-image-24\" alt=\"\" src=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100.png\" srcset=\"https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100.png 1024w, https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100-205x300.png 205w, https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100-699x1024.png 699w, https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100-768x1126.png 768w, https:\/\/shampissima.it\/wp-content\/uploads\/2026\/06\/lozione-100-600x879.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\">Prenditi cura della tua cute, ogni giorno.<\/h2>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color wp-block-paragraph\">Costruisci la tua routine Scalp First e vai finalmente a checkout.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/shampissima.it\/shop\/\" style=\"background-color:#4b5d40\">Crea la tua routine<\/a><\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Scalp First \u00b7 Routine Professionale Parti dalla cute. La routine professionale per purificare, esfoliare e riequilibrare la cute grassa e mantenere i capelli leggeri pi\u00f9 a lungo. Crea la tua routine Scopri il metodo Il problema Se i capelli si appesantiscono, spesso il punto di partenza \u00e8 la cute. Sebo, impurit\u00e0 e residui possono appesantire [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":4,"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/shampissima.it\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}