.wa-fab {
  position: fixed; right: 20px; bottom: 20px; z-index: 80;
  min-width: 132px; height: 54px; padding: 0 18px 0 16px;
  border: 0; border-radius: 999px;
  background: #1f6b4a; color: #f4efe4; cursor: pointer;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
  display: flex; align-items: center; gap: 8px; font-family: Manrope, system-ui, sans-serif;
  animation: waFloat 3.6s ease-in-out infinite;
}
@keyframes waFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.wa-panel {
  position: fixed; right: 20px; bottom: 86px; z-index: 81;
  width: min(360px, calc(100vw - 24px));
  background: #121a16; color: #f4efe4; border: 1px solid #2a3a30;
  display: none; flex-direction: column;
  box-shadow: 0 22px 60px rgba(0,0,0,.4);
  border-radius: 22px; overflow: hidden;
}
.wa-panel.open, .wa-panel:not([hidden]).open { display: flex; }
.wa-panel[hidden] { display: none !important; }
.wa-panel.open { display: flex !important; }
.wa-panel header {
  background: #0e1410; padding: 14px 16px;
  display: flex; justify-content: space-between; align-items: flex-start;
}
.wa-live { margin: 0 0 4px; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: #9fd4b5; }
.wa-panel header strong { font-family: "Cormorant Garamond", Georgia, serif; font-size: 22px; font-weight: 500; }
.wa-panel header button { background: none; border: 0; color: inherit; cursor: pointer; font-size: 22px; }
.wa-body { padding: 16px; color: #d7cbb4; font-size: 14px; }
.wa-body label { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #c6a15b; }
.wa-body textarea {
  width: 100%; margin-top: 8px; background: #0e1410; color: #f4efe4;
  border: 1px solid #2a3a30; padding: 10px; font: inherit; resize: vertical;
}
.wa-go { margin: 0 16px 16px; text-align: center; }
@media (max-width: 560px) {
  .wa-panel { right: 10px; left: 10px; width: auto; bottom: 80px; }
}