/* Shared compact chat layout; Laravel serves the same stylesheet. */
.contact-widget-panel { position: fixed; right: 23px; bottom: 86px; z-index: 101; }
.contact-widget-panel[hidden], .contact-widget-trigger [hidden] { display: none; }
.contact-widget-links { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.contact-widget .contact-option { width: 44px; height: 44px; padding: 0; text-decoration: none; }
.contact-widget .contact-option:focus-visible { outline: none; border-color: #29221d; }
.modern-storefront .contact-widget-trigger {
  position: fixed; right: 22px; bottom: 24px; z-index: 102;
  display: grid; place-items: center; width: 46px; height: 46px;
  padding: 0; border: 1px solid #ffffff99; border-radius: 50%;
  background: #25a864; color: #fff; cursor: pointer;
  box-shadow: 0 6px 22px #1b462c20;
}
.contact-widget-trigger:focus-visible { outline: none; border-color: #242424; }
.modern-storefront:has(.store-mobile-overlay:not([style*="display: none"])) .contact-widget { visibility: hidden; }
@media (max-width: 767px) {
  .modern-storefront .contact-widget-trigger { right: 16px; bottom: calc(20px + env(safe-area-inset-bottom)); }
  .contact-widget-panel { right: 17px; bottom: calc(82px + env(safe-area-inset-bottom)); }
  .modern-storefront:has(.compare-tray) .contact-widget-panel { bottom: calc(154px + env(safe-area-inset-bottom)); }
}