.lightbox-trigger{cursor:zoom-in}
.hb-lightbox{position:fixed;inset:0;background:rgba(3,17,31,.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:22px}
.hb-lightbox.active{display:flex}
.hb-lightbox img{max-width:96%;max-height:90vh;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);background:#fff}
.hb-lightbox-close{position:absolute;top:18px;right:22px;background:#fff;color:#03111f;border:0;border-radius:999px;width:46px;height:46px;font-size:26px;font-weight:900;cursor:pointer}
.hb-lightbox-hint{position:absolute;bottom:18px;color:#fff;font-size:14px;opacity:.8}