/* consult-popup.css — modal for the GHL consultation booking iframe */
.consult-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:1100;
}
.consult-modal[aria-hidden="false"]{display:flex}
.consult-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(11,26,52,.55);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  animation:consultFade .25s ease;
}
.consult-modal-card{
  position:relative;
  background:#fff;
  border-radius:22px;
  width:100%;
  max-width:760px;
  height:88vh;
  max-height:820px;
  box-shadow:0 30px 80px -20px rgba(11,26,52,.55);
  overflow:hidden;
  animation:consultSlide .3s cubic-bezier(.4,0,.2,1);
}
.consult-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#0b1a34;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:10;
  box-shadow:0 4px 16px rgba(11,26,52,.18);
  transition:background .15s ease, transform .15s ease;
}
.consult-modal-close:hover{
  background:#f5f4f8;
  transform:rotate(90deg);
}
.consult-modal-iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
@keyframes consultFade{from{opacity:0}to{opacity:1}}
@keyframes consultSlide{
  from{opacity:0;transform:translateY(20px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:640px){
  .consult-modal{padding:0}
  .consult-modal-card{border-radius:0;max-width:100%;height:100vh;max-height:100vh}
}