Serbatoio COMBI+ - Kitchens Elite

Passa al contenuto principale

var css = ` @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Montserrat:wght@300;400;500;600&display=swap'); #ke-popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.72); backdrop-filter: blur(5px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; } #ke-popup-overlay.ke-visible { opacity: 1; pointer-events: all; } #ke-popup-box { position: relative; width: min(520px, 90vw); background: #100e0b; border: 1px solid rgba(184,150,106,0.3); padding: 56px 52px 48px; text-align: center; transform: scale(0.9); opacity: 0; transition: transform 0.5s cubic-bezier(0.16,1,0.3,1), opacity 0.5s ease; font-family: 'Montserrat', sans-serif; } #ke-popup-overlay.ke-visible #ke-popup-box { transform: scale(1); opacity: 1; } .ke-p-corner { position: absolute; width: 28px; height: 28px; border-color: #b8966a; border-style: solid; opacity: 0.65; } .ke-p-corner.tl { top:14px; left:14px; border-width: 1px 0 0 1px; } .ke-p-corner.tr { top:14px; right:14px; border-width: 1px 1px 0 0; } .ke-p-corner.bl { bottom:14px; left:14px; border-width: 0 0 1px 1px; } .ke-p-corner.br { bottom:14px; right:14px; border-width: 0 1px 1px 0; } .ke-p-closex { position: absolute; top:16px; right:18px; font-size:20px; color:rgba(249,246,241,0.2); background:none; border:none; cursor:pointer; transition: color 0.2s; line-height:1; } .ke-p-closex:hover { color: #b8966a; } .ke-p-tag { display: inline-block; font-size:9px; font-weight:600; letter-spacing:0.4em; text-transform:uppercase; color:#0a0a0a; background:#b8966a; padding:5px 18px; margin-bottom:26px; } .ke-p-discount { font-family: 'Cormorant Garamond', serif; font-size: clamp(64px,12vw,90px); font-weight:300; color:#f9f6f1; line-height:1; } .ke-p-discount em { font-style:italic; color:#d4b48a; } .ke-p-on { font-size:11px; font-weight:400; letter-spacing:0.3em; text-transform:uppercase; color:rgba(249,246,241,0.4); margin: 10px 0 4px; } .ke-p-brand { font-family: 'Cormorant Garamond', serif; font-size:32px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:#f9f6f1; margin-bottom:6px; } .ke-p-divider { display:flex; align-items:center; justify-content:center; gap:12px; margin:20px auto; } .ke-p-divider span { display:block; height:1px; width:50px; background: linear-gradient(90deg, transparent, #b8966a); } .ke-p-divider span:last-child { background: linear-gradient(90deg, #b8966a, transparent); } .ke-p-divider i { width:5px; height:5px; background:#b8966a; transform:rotate(45deg); display:block; font-style:normal; } .ke-p-body { font-size:12px; font-weight:300; letter-spacing:0.12em; color:rgba(249,246,241,0.5); text-transform:uppercase; line-height:1.9; margin-bottom:28px; } .ke-p-body strong { color:#d4b48a; font-weight:500; } .ke-p-cta { display:block; width:100%; padding:15px; background:#b8966a; color:#0a0a0a; font-family:'Montserrat',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.3em; text-transform:uppercase; border:none; cursor:pointer; text-decoration:none; margin-bottom:14px; transition: background 0.3s; } .ke-p-cta:hover { background:#d4b48a; color:#0a0a0a; } .ke-p-skip { font-size:10px; font-weight:400; letter-spacing:0.2em; color:rgba(249,246,241,0.25); text-transform:uppercase; background:none; border:none; cursor:pointer; transition:color 0.25s; } .ke-p-skip:hover { color:rgba(249,246,241,0.6); } `; var styleEl = document.createElement('style'); styleEl.textContent = css; document.head.appendChild(styleEl); // ── Inietta HTML ───────────────────────────────────── var html = ` `; document.body.insertAdjacentHTML('beforeend', html); // ── Logica apertura/chiusura ───────────────────────── function closePopup() { document.getElementById('ke-popup-overlay').classList.remove('ke-visible'); } // Apri dopo 2 secondi (solo se non già visto in sessione) if (!sessionStorage.getItem('ke-popup-seen')) { setTimeout(function() { document.getElementById('ke-popup-overlay').classList.add('ke-visible'); sessionStorage.setItem('ke-popup-seen', '1'); }, 2000); } document.getElementById('ke-close-x').addEventListener('click', closePopup); document.getElementById('ke-skip').addEventListener('click', closePopup); document.getElementById('ke-popup-overlay').addEventListener('click', function(e) { if (e.target === this) closePopup(); }); })();