/** Shopify CDN: Minification failed

Line 59:0 Expected "}" to go with "{"

**/
.bc-mobile-chat-launcher {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  /* 22px in from the right edge, not 12 (2026-09-14, the owner's 20-24px):
     at 12 the bubble sat against the screen's edge, where the edge swipe and
     an overlay scrollbar live. Moving it left narrows the gap to the centred
     MY OFFERS pill most at 320 - 25.2px -> 15.2px, still over 12. The safe
     area adds on top rather than replacing the inset. */
  right: calc(22px + env(safe-area-inset-right, 0px)) !important;
  bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 999px;
  background: #fff;
  color: #333;
  box-sizing: border-box;
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.18),
    0 2px 6px rgba(0, 0, 0, 0.10);
  cursor: pointer;
  /* One step under the image viewer (assets/longoni-lightbox.css, 2147483000):
     at an equal z-index only DOM order kept the viewer on top. */
  z-index: 2147482000;
  transform: none !important;
  visibility: visible;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
}

.bc-mobile-chat-launcher svg {
  display: block;
  width: 25px;
  height: 25px;
}

.bc-mobile-chat-launcher:focus-visible {
  outline: 3px solid rgba(0, 112, 74, 0.35);
  outline-offset: 3px;
}

@media screen and (min-width: 750px) {
  .bc-mobile-chat-launcher {
    display: none !important;
  }