/* Minimal vanilla lightbox styles */
.qw-lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:100000}
.qw-lightbox-overlay.active{display:flex}
.qw-lightbox-inner{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}
.qw-lightbox-img{max-width:95vw;max-height:95vh;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.6);border-radius:8px}
/* Controls: blue background, white icons */
.qw-lightbox-close,.qw-lightbox-prev,.qw-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#1d4ed8;color:#fff;border:none;border-radius:999px;padding:10px 12px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.qw-lightbox-close{top:16px;right:16px;transform:none}
.qw-lightbox-prev{left:16px}
.qw-lightbox-next{right:16px}
.qw-lightbox-close:hover,.qw-lightbox-prev:hover,.qw-lightbox-next:hover{background:#2563eb}
.qw-lightbox-counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:999px}

/* Mobile placement: controls not overlaying the image */
@media (max-width: 640px){
  .qw-lightbox-inner{display:flex;flex-direction:column;align-items:center;max-width:95vw;max-height:95vh}
  .qw-lightbox-close{position:static;order:1;align-self:flex-end;margin:8px 8px 4px}
  .qw-lightbox-img{order:2;max-width:95vw;max-height:70vh}
  .qw-lightbox-prev,.qw-lightbox-next{position:static;order:3;display:inline-flex;margin:10px 8px 0;transform:none}
  .qw-lightbox-counter{position:static;order:4;margin-top:6px}
}

/* Option: hide prev/next on very small screens to avoid obstruction */
@media (max-width: 380px){
  .qw-lightbox-prev,.qw-lightbox-next{display:none}
}