/* Shared enquiry popup and persistent contact controls. */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 78, 111, 0.35) transparent;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 78, 111, 0.28);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 78, 111, 0.55);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(251, 186, 0, 0.8);
}
.float-enquire {
  position: fixed;
  right: 24px;
  bottom: 92px;
  z-index: 200;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 999px;
  background: #fbba00;
  color: #004e6f;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(0, 78, 111, .10);
}
.float-enquire:hover { color: #004e6f; transform: translateY(-2px); }
.float-wa { position: fixed; right: 24px; bottom: 24px; z-index: 200; width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #004e6f; box-shadow: 0 8px 24px rgba(0, 78, 111, .10); }
.float-wa i { color: #ffffff; font-size: 28px; }
.enquiry-modal { display: none; position: fixed; inset: 0; z-index: 1000; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 78, 111, .72); }
.enquiry-modal.show { display: flex; }
.enquiry-box { position: relative; width: min(100%, 520px); max-height: min(720px, 92vh); overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(0, 78, 111, 0.35) transparent; padding: 32px; border-radius: 8px; background: #ffffff; box-shadow: 0 18px 48px rgba(0, 78, 111, .12); }
.enquiry-close { position: absolute; top: 12px; right: 14px; border: 0; background: transparent; color: #004e6f; font-size: 24px; cursor: pointer; }
.enquiry-header { padding-right: 28px; margin-bottom: 20px; }
.enquiry-header h3 { margin: 0 0 6px; color: #004e6f; font-family: 'Space Grotesk', sans-serif; font-size: 26px; }
.enquiry-header p { margin: 0; color: #004e6f; }
.popup-field { margin-bottom: 14px; }
.popup-field label { margin-bottom: 6px; }
.popup-field input, .popup-field select, .popup-field textarea { width: 100%; padding: 12px 14px; border: 1px solid rgba(0, 78, 111, .22); border-radius: 6px; background: #ffffff; color: #004e6f; font: inherit; }
.popup-field textarea { min-height: 86px; resize: vertical; }
.popup-field input:focus, .popup-field select:focus, .popup-field textarea:focus { outline: 2px solid #fbba00; outline-offset: 1px; }
.popup-status { min-height: 20px; margin-bottom: 10px; color: #004e6f; font-size: 14px; }
@media (max-width: 600px) {
  .float-enquire { right: 14px; bottom: 146px; padding: 11px 14px; }
  .float-wa { right: 14px; bottom: 82px; }
  .enquiry-box { padding: 26px 18px; }
}