/* INSTROFINE WhatsApp button on every page (4 Oct 2026). Brand values are written out because the --if-* tokens are not
   loaded on every page: Graphite #1D2226 pill (pill = something you press), hover Steel 700 #4A535B, Vermilion #E4572E
   focus ring, Lucide outline icon. It sits on the right page edge; Astra's back-to-top circle moves up above it. Layer 990:
   under the header panel (998), scrim (997), search (1001) and menu drawer (1002). */
.if-wa-float {
  position: fixed; right: 16px; bottom: 24px; z-index: 990;
  display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 20px 0 16px; box-sizing: border-box;
  border-radius: 999px; background: #1D2226; color: #FFFFFF !important; text-decoration: none !important;
  font: 500 16px/22px "IBM Plex Sans", Arial, sans-serif;
  box-shadow: 0 0 0 1px #FFFFFF, 0 8px 24px rgba(29, 34, 38, .24);
  transition: background-color 120ms cubic-bezier(.2, 0, 0, 1);
}
.if-wa-float:hover { background: #4A535B; }
.if-wa-float:focus-visible { outline: 2px solid #E4572E; outline-offset: 3px; }
.if-wa-float svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 768px) { .if-wa-float { right: 24px; } }
@media (min-width: 1024px) { .if-wa-float { right: 32px; } }
#ast-scroll-top.ast-scroll-top-icon { bottom: 84px !important; }
/* Product pages: a quiet text link under Add to cart (link style, 44 px tap height), not a second button. */
.if-wa-inline { margin: 16px 0 0; color: #1D2226; font: 400 16px/26px "IBM Plex Sans", Arial, sans-serif; }
.if-wa-inline a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #1D2226 !important;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.if-wa-inline a:hover { text-decoration-thickness: 2px; }
.if-wa-inline a:focus-visible { outline: 2px solid #E4572E; outline-offset: 3px; }
.if-wa-inline svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media print { .if-wa-float, .if-wa-inline { display: none; } }
@media (forced-colors: active) { .if-wa-float { border: 1px solid ButtonText; } }