.booking-photo-viewer {
  position: fixed; inset: 0; width: 100%; max-width: none;
  height: 100%; height: 100dvh; max-height: none; margin: 0; padding: 0;
  border: 0; background: #171717; color: #fff; overflow: hidden;
}
.booking-photo-viewer::backdrop { background: #171717; }
.booking-photo-viewer[open] { display: flex; flex-direction: column; }
.booking-photo-viewer .photo-toolbar {
  display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 16px;
  background: #171717 !important; color: #fff !important; min-height: 72px !important;
  padding: 12px 24px; flex-shrink: 0;
}
.booking-photo-viewer .photo-caption { font: 500 16px/1.5 'Be Vietnam Pro',sans-serif !important; color: #fff !important; letter-spacing: 0 !important; }
.booking-photo-viewer button {
  width: 48px; height: 48px; padding: 0; border: 1px solid #ffffff60;
  border-radius: 6px; background: #292929; color: #fff; cursor: pointer;
  font: 400 32px/1 'Be Vietnam Pro',sans-serif; flex-shrink: 0;
}
.booking-photo-viewer button:hover { background: #444; }
.booking-photo-viewer button:focus-visible { outline: 2px solid #f2c99a; outline-offset: 3px; }
.booking-photo-viewer .photo-stage {
  flex: 1; min-height: 0; display: grid; grid-template-columns: 48px minmax(0,1fr) 48px;
  gap: 20px; align-items: center; padding: 0 24px 24px;
}
.booking-photo-viewer img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
@media(max-width:600px) {
  .booking-photo-viewer .photo-toolbar { padding: 12px 16px; }
  .booking-photo-viewer .photo-stage { position: relative; display: flex; padding: 0 0 76px; }
  .booking-photo-viewer .photo-prev,.booking-photo-viewer .photo-next { position: absolute; bottom: 16px; }
  .booking-photo-viewer .photo-prev { left: calc(50% - 60px); }
  .booking-photo-viewer .photo-next { right: calc(50% - 60px); }
}