/* v442G — Add-on booking popup viewport fix.
   The direct booking modal must be fixed to the visible browser viewport and not
   affected by subpage rails, page wrappers, scroll position, or zoomed canvases. */

html > #addonBookingModalV303G.addon-booking-modal-v303G,
#addonBookingModalV303G.addon-booking-modal-v303G{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  min-width:100vw !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:clamp(18px, 3vh, 34px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483000 !important;
  background:rgba(15,23,42,.58) !important;
  backdrop-filter:blur(6px) !important;
  transform:none !important;
  translate:none !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
}

html > #addonBookingModalV303G.addon-booking-modal-v303G[hidden],
#addonBookingModalV303G.addon-booking-modal-v303G[hidden]{
  display:none !important;
}

html > #addonBookingModalV303G .addon-booking-dialog-v303G,
#addonBookingModalV303G .addon-booking-dialog-v303G{
  position:relative !important;
  width:min(940px, calc(100vw - 44px)) !important;
  max-width:min(940px, calc(100vw - 44px)) !important;
  max-height:calc(100vh - 56px) !important;
  margin:0 !important;
  overflow:auto !important;
  transform:none !important;
  translate:none !important;
  box-sizing:border-box !important;
}

/* Prevent the all-subpage viewport rail fixes from touching this modal. */
body:has(.vge-subpage-viewport-rail-v441G) #addonBookingModalV303G,
body:has(.vge-subpage-viewport-rail-v441G) #addonBookingModalV303G *,
body.addon-page #addonBookingModalV303G,
body.addon-page #addonBookingModalV303G *{
  left:auto;
  right:auto;
}

@media(max-width:760px){
  html > #addonBookingModalV303G.addon-booking-modal-v303G,
  #addonBookingModalV303G.addon-booking-modal-v303G{
    align-items:center !important;
    justify-content:center !important;
    padding:12px !important;
  }

  html > #addonBookingModalV303G .addon-booking-dialog-v303G,
  #addonBookingModalV303G .addon-booking-dialog-v303G{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100vh - 24px) !important;
    border-radius:22px !important;
  }
}