Boutique

#pwa-wrap{position:fixed;bottom:88px;right:20px;z-index:2147483647;font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif}
#pwa-card{background:#fff;border-radius:18px;box-shadow:0 8px 40px rgba(0,0,0,.2);padding:20px 18px 16px;width:285px;margin-bottom:12px;display:none;position:relative;animation:pwaUp .35s cubic-bezier(.34,1.56,.64,1)}
#pwa-card::after{content: »;position:absolute;bottom:-8px;right:26px;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 8px rgba(0,0,0,.06)}
@keyframes pwaUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
#pwa-x{position:absolute;top:10px;right:12px;background:none;border:none;font-size:18px;color:#bbb;cursor:pointer;padding:0;line-height:1}
#pwa-x:hover{color:#555}
#pwa-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#pwa-av{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#25D366,#128C7E);border-radius:50%;display:flex;align-items:center;justify-content:center}
#pwa-av svg{width:26px;height:26px}
#pwa-nm{font-size:13px;font-weight:800;color:#111;margin-bottom:3px}
#pwa-st{font-size:11px;color:#25D366;font-weight:600;display:flex;align-items:center;gap:5px}
#pwa-st::before{content: »;width:7px;height:7px;background:#25D366;border-radius:50%;animation:pwaBlink 1.4s ease infinite}
@keyframes pwaBlink{0%,100%{opacity:1}50%{opacity:.3}}
#pwa-bubble{background:#f0fdf4;border-radius:0 14px 14px 14px;padding:12px 14px;font-size:13px;color:#374151;line-height:1.6;margin-bottom:14px;border-left:3px solid #25D366}
#pwa-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:13px;font-weight:800;text-decoration:none;padding:12px 16px;border-radius:50px;box-shadow:0 4px 16px rgba(37,211,102,.35);transition:opacity .2s,transform .2s}
#pwa-btn:hover{opacity:.92;color:#fff;transform:translateY(-1px)}
#pwa-btn svg{width:18px;height:18px;flex-shrink:0}
#pwa-fab{width:58px;height:58px;background:linear-gradient(135deg,#25D366,#128C7E);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 22px rgba(37,211,102,.5);border:none;position:relative;transition:transform .2s}
#pwa-fab:hover{transform:scale(1.08)}
#pwa-fab svg{width:30px;height:30px;position:relative;z-index:1}
#pwa-pulse{position:absolute;inset:-3px;border-radius:50%;border:3px solid #25D366;opacity:0;animation:pwaPulse 2.5s ease-out infinite}
@keyframes pwaPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
#pwa-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;font-size:10px;font-weight:900;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;z-index:2}

(function(){
if(localStorage.getItem(‘pwaOff’)) return;
if(!sessionStorage.getItem(‘pwaShown’)) {
setTimeout(function() {
var c = document.getElementById(‘pwa-card’);
if(c) { c.style.display = ‘block’; sessionStorage.setItem(‘pwaShown’,’1′); }
}, 6000);
}
})();