/* Overlay */
body.fbp-qv-open { overflow: hidden; }
#fbp-qv-overlay.fbp-qv-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.55);
  display: none; z-index: 999999;
}
#fbp-qv-overlay.is-open{ display: block; }
#fbp-qv-overlay .fbp-qv-modal{
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(640px, 94vw); max-height: 90vh;
  background: #fff; border-radius: 16px; overflow: scroll;
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
#fbp-qv-overlay .fbp-qv-close{
  position: absolute; right: 8px;
   height: 36px; line-height: 0;
  border: 0; border-radius: 18px; background: #fafafa00;
  font-size: 20px; cursor: pointer; color: #f10606; width:10px;
}
#fbp-qv-overlay .fbp-qv-close:hover{ background:#e5e5e5; }

#fbp-qv-overlay .fbp-qv-body{ padding: 14px 16px 16px; }
#fbp-qv-overlay .fbp-qv-img{
  width: 100%; background:#fafafa; display:block; margin:0; padding:0;
}
#fbp-qv-overlay .fbp-qv-img img{
  display:block; width:100%; height:auto; max-height: 55vh; object-fit: contain;
  transition: opacity .15s ease;
}
#fbp-qv-overlay .fbp-qv-title{
  margin: 10px 0 6px; font-weight: 600; font-size: 18px;
}
#fbp-qv-overlay .fbp-qv-desc{
  color:#444; font-size: 15px; line-height: 1.5;
}

@media (max-width: 480px){
  #fbp-qv-overlay .fbp-qv-modal{ width: 96vw; border-radius: 12px; }
  #fbp-qv-overlay .fbp-qv-title{ font-size: 16px; }
  #fbp-qv-overlay .fbp-qv-desc{ font-size: 14px; }
}