/* WhatsApp shortcut — small restrained spark animation inspired by React Bits
   Click Spark / Star Border, implemented natively for this static storefront. */
.patch-whatsapp-fab{
 position:fixed;right:clamp(14px,2.5vw,28px);
 bottom:max(19px,env(safe-area-inset-bottom,0px) + 16px);
 z-index:48;display:inline-flex;align-items:center;justify-content:center;
 gap:10px;min-height:58px;padding:0 20px 0 17px;
 background:#187c56;color:#fff;border:1px solid #e8f8ec66;
 border-radius:999px;text-decoration:none;
 font:700 12px/1.2 var(--sans,system-ui,sans-serif);
 box-shadow:0 13px 30px #142e2640,0 0 0 5px #b8dfc21c;
 isolation:isolate;transition:transform .25s ease,box-shadow .25s ease;
 -webkit-tap-highlight-color:transparent;
}
.patch-whatsapp-fab:hover,.patch-whatsapp-fab:focus-visible{
 transform:translateY(-4px);
 box-shadow:0 18px 36px #142e2650,0 0 0 7px #b8dfc22d;
 color:#fff;
}
.patch-whatsapp-fab:focus-visible{outline:3px solid #a6d9af;outline-offset:4px}
.patch-whatsapp-fab .patch-whatsapp-icon{display:block;width:27px;height:27px;flex:none;position:relative;z-index:2}
.patch-whatsapp-fab .patch-whatsapp-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.patch-whatsapp-fab .patch-whatsapp-label{position:relative;z-index:2;letter-spacing:.02em}
/* Moving star-border glow, kept inside the button circumference. */
.patch-whatsapp-fab::before{
 content:"";position:absolute;inset:-3px;border-radius:inherit;z-index:-1;pointer-events:none;
 background:conic-gradient(from var(--patch-whats-rot,0deg),transparent 0deg,transparent 235deg,#c7f2c5 269deg,#e9ffe5 291deg,transparent 315deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;padding:3px;
 animation:patchWhatsOrbitalSpark 5s linear infinite;
}
@property --patch-whats-rot{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes patchWhatsOrbitalSpark{to{--patch-whats-rot:360deg}}
.patch-whatsapp-fab .patch-whatsapp-sparks{position:absolute;inset:0;pointer-events:none;overflow:visible}
.patch-whatsapp-fab .patch-whatsapp-sparks i{
 position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);
 width:5px;height:5px;border-radius:50%;background:#d9ffca;
 box-shadow:0 0 10px 2px #b6f3b5a6;
 opacity:0;animation:patchWhatsTwinkle 3.4s ease-out infinite;
 animation-delay:var(--delay);
}
.patch-whatsapp-fab .patch-whatsapp-sparks i:nth-child(2){width:3px;height:3px}
.patch-whatsapp-fab .patch-whatsapp-sparks i:nth-child(3){width:4px;height:4px}
.patch-whatsapp-fab .patch-whatsapp-sparks i:nth-child(4){width:3px;height:3px}
@keyframes patchWhatsTwinkle{
 0%,12%,100%{opacity:0;transform:translate3d(0,0,0) scale(.3)}
 30%{opacity:1;transform:translate3d(calc(var(--dx) * 1px),calc(var(--dy) * 1px),0) scale(1)}
 64%{opacity:.5;transform:translate3d(calc(var(--dx) * 2px),calc(var(--dy) * 2px),0) scale(.72)}
 80%{opacity:0;transform:translate3d(calc(var(--dx) * 2.6px),calc(var(--dy) * 2.6px),0) scale(.2)}
}
@media(max-width:680px){
 .patch-whatsapp-fab{height:58px;min-height:58px;width:58px;padding:0;bottom:max(18px,env(safe-area-inset-bottom,0px) + 14px)}
 .patch-whatsapp-fab .patch-whatsapp-label{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 .patch-whatsapp-fab .patch-whatsapp-icon{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){
 .patch-whatsapp-fab,.patch-whatsapp-fab::before,.patch-whatsapp-fab .patch-whatsapp-sparks i{animation:none;transition:none}
 .patch-whatsapp-fab .patch-whatsapp-sparks{display:none}
}

/* Clearer recognizable WhatsApp glyph, stronger contrast, and thumb-sized tap target. */
.patch-whatsapp-fab{background:#168653;box-shadow:0 13px 30px rgba(20,46,38,.28),0 0 0 5px rgba(184,223,194,.12);}
.patch-whatsapp-fab .patch-whatsapp-icon{width:34px;height:34px;display:grid;place-items:center}
.patch-whatsapp-fab .patch-whatsapp-icon svg,
.patch-whatsapp-fab .patch-whatsapp-icon svg path{width:100%;height:100%;stroke:none!important;fill:currentColor!important;}
@media(max-width:680px){
 .patch-whatsapp-fab{width:62px;height:62px;min-height:62px;background:#168653}
 .patch-whatsapp-fab .patch-whatsapp-icon{width:35px;height:35px}
}