/* A small, shared contact shortcut with a full touch target. */
.whatsapp-help {
  position:fixed;
  right:max(24px,env(safe-area-inset-right,0px));
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:34;
  display:inline-flex;
  align-items:center;
  max-width:calc(100vw - 24px);
  color:#fff;
  text-decoration:none;
  border-radius:20px;
  filter:drop-shadow(0 5px 12px #173d3024);
  transition:transform .18s ease,opacity .18s ease;
}
.whatsapp-help-label {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  margin-right:-12px;
  padding:9px 25px 9px 14px;
  border:1px solid #23825c;
  border-radius:15px 0 0 15px;
  background:linear-gradient(110deg,#176344,#173d30);
  font:700 12px/1.2 var(--body);
  white-space:nowrap;
}
.whatsapp-help-dot { width:6px; height:6px; border-radius:50%; background:#4ade9a; box-shadow:0 0 0 3px #4ade9a22; }
.whatsapp-help-icon {
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 54px;
  width:54px;
  height:54px;
  border:1px solid transparent;
  border-radius:19px;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#32a878,#9e88c8) border-box;
  color:#146b48;
}
.whatsapp-help-icon svg { width:29px; height:33px; fill:currentColor; stroke:none; stroke-width:0; }
.whatsapp-help-icon svg path { fill:currentColor; stroke:none; }
.whatsapp-help-mobile { display:none; }
.whatsapp-help:focus-visible { outline:3px solid var(--green); outline-offset:5px; }
body:has(dialog[open]) .whatsapp-help,
body:has(.toast:not([hidden])) .whatsapp-help { opacity:0; visibility:hidden; pointer-events:none; }
/* Leave the footer's last links reachable above the floating shortcut. */
#site-footer { padding-bottom:68px; }
@media (hover:hover) {
  .whatsapp-help:hover { transform:translateY(-2px); }
  .whatsapp-help:hover .whatsapp-help-icon { color:#0b4a30; }
}
@media (max-width:767.98px), (max-width:900px) and (max-height:500px) {
  .whatsapp-help { right:max(10px,env(safe-area-inset-right,0px)); bottom:calc(12px + env(safe-area-inset-bottom,0px)); border-radius:15px; }
  .whatsapp-help-label { min-height:32px; margin-right:-9px; padding:7px 19px 7px 10px; gap:6px; border-radius:12px 0 0 12px; font-size:10px; }
  .whatsapp-help-dot { width:5px; height:5px; box-shadow:0 0 0 2px #4ade9a22; }
  .whatsapp-help-desktop { display:none; }
  .whatsapp-help-mobile { display:inline; }
  .whatsapp-help-icon { flex-basis:44px; width:44px; height:44px; border-radius:15px; }
  .whatsapp-help-icon svg { width:24px; height:27px; }
  .has-product-actions .whatsapp-help { bottom:calc(77px + env(safe-area-inset-bottom,0px)); }
  .has-product-actions .whatsapp-help-label { display:none; }
  #site-footer { padding-bottom:60px; }
}
@media (prefers-reduced-motion:reduce) {
  .whatsapp-help { transition:none; }
  .whatsapp-help:hover { transform:none; }
}