/* Q3Rally Frontend Styles v0.6.0 (scoped) */
.q3r-mini-gallery{--q3r-gap:8px;--q3r-h:520px;--q3r-th:84px;font:inherit}
.q3r-mg-toolbar{display:flex;justify-content:flex-end;margin:0 0 .35rem;gap:.6rem}
.q3r-mg-switch{display:inline-flex;align-items:center;gap:.5rem;background:#202f5b;color:#bec3cf;border-radius:999px;padding:.25rem .6rem;border:1px solid rgba(0,0,0,.08)}
.q3r-mg-main{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#0b1020;margin-bottom:10px}
.q3r-mg-main img{display:block;width:100%;height:var(--q3r-h);object-fit:contain;background:#0b1020}
.q3r-mg-caption{padding:.5rem .75rem;color:#bec3cf;background:#111827;border-top:1px solid rgba(255,255,255,.06)}
.q3r-mg-thumbs{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}
.q3r-mg-track{display:flex;gap:var(--q3r-gap);overflow:auto;padding:4px;scroll-behavior:smooth}
.q3r-mg-track::-webkit-scrollbar{height:8px}
.q3r-mg-track::-webkit-scrollbar-thumb{background:#202f5b;border-radius:4px}
.q3r-mg-thumb{display:block;flex:0 0 auto;border:2px solid transparent;border-radius:10px;padding:0;background:transparent;cursor:pointer;transition:transform .12s,border-color .12s}
.q3r-mg-thumb:hover{transform:translateY(-1px);border-color:#1151d3}
.q3r-mg-thumb.is-active{border-color:#1151d3;box-shadow:0 0 0 2px rgba(17,81,211,.15)}
.q3r-mg-nav{appearance:none;border:none;border-radius:999px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#202f5b;color:#bec3cf;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:background .15s,color .15s,transform .12s}
.q3r-mg-nav:hover{background:#1151d3;color:#ffffff;transform:scale(1.06)}
.q3r-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:9999}
.q3r-lightbox.is-open{display:flex}
.q3r-lightbox__img-wrap{max-width:min(96vw,1400px);max-height:90vh;position:relative}
.q3r-lightbox__img-wrap img{width:auto;height:auto;max-width:100%;max-height:90vh;display:block;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.q3r-lightbox__close,.q3r-lightbox__prev,.q3r-lightbox__next{position:absolute;top:50%;transform:translateY(-50%);background:#202f5b;color:#bec3cf;border:none;border-radius:999px;width:44px;height:44px;cursor:pointer;font-size:20px;line-height:44px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.25);transition:background-color .15s,color .15s,transform .15s}
.q3r-lightbox__close{top:16px;right:16px;transform:none;width:46px;height:46px;font-size:22px;line-height:46px}
.q3r-lightbox__prev{left:10px}
.q3r-lightbox__next{right:10px}
.q3r-lightbox__close:hover,.q3r-lightbox__prev:hover,.q3r-lightbox__next:hover{background:#1151d3;color:#ffffff;transform:translateY(-50%) scale(1.08)}

/* Single image wrapper (alignment) */
.q3r-single-img{margin:.25rem 0}
.q3r-single-img__img{display:inline-block;max-width:100%;height:auto;border-radius:12px;border:1px solid #e5e7eb;background:#0b1020}
@media (max-width:720px){
  .q3r-mg-nav{display:none}
  .q3r-mg-track{gap:6px}
  .q3r-mg-main img{height:min(var(--q3r-h),60vh)}
}