#faq-bubble {
  position: fixed;
  bottom: 25px;
  left: 25px;
  background: linear-gradient(135deg, #000, #bfa75e);
  color: white;
  border-radius: 30px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 9999;
}
#faq-bubble:hover { transform: scale(1.05); }
#faq-window {
  position: fixed;
  bottom: 90px;
  left: 25px;
  width: 360px;
  max-height: 520px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  overflow-y: auto;
  display: none;
  z-index: 9999;
  font-family: Arial, sans-serif;
}
#faq-header {
  background: linear-gradient(135deg, #000, #bfa75e);
  color: white;
  padding: 12px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#faq-close { cursor: pointer; font-size: 16px; }
.faq-item { border-bottom: 1px solid #eee; padding: 12px 14px; }
.faq-item h4 { margin: 0; font-size: 15px; color: #000; cursor: pointer; }
.faq-item h4:hover { color: #bfa75e; }
.faq-item p { display: none; font-size: 14px; color: #444; margin-top: 8px; }
.faq-footer { text-align: center; padding: 12px; background: #f8f8f8; border-radius: 0 0 14px 14px; }
.faq-footer a { color: #bfa75e; font-weight: bold; text-decoration: none; }
