.modal-image-gallery{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.modal-image{object-fit:cover;border-radius:0;width:100%;height:100%;transition:opacity .3s ease-in-out,transform .3s ease-in-out;display:block}.image-nav-btn{color:#fff;cursor:pointer;z-index:15;opacity:1;background-color:#000000b3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.image-nav-btn:hover{background-color:#000000e6;border-color:#ffffff80;transform:translateY(-50%)scale(1.1)}.image-nav-btn:active{transform:translateY(-50%)scale(.95)}.image-nav-prev{left:15px}.image-nav-next{right:15px}.image-counter{color:#fff;z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:16px;padding:6px 12px;font-size:.9rem;font-weight:500;position:absolute;top:15px;left:15px;box-shadow:0 2px 8px #0000004d}.image-dots{z-index:15;gap:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.image-dot{cursor:pointer;background-color:#ffffff4d;border:2px solid #fff;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.image-dot:hover{background-color:#fff9;transform:scale(1.2)}.image-dot.active{background-color:#fff;transform:scale(1.2)}@media (max-width:768px){.image-nav-btn{width:40px;height:40px}.image-nav-prev{left:10px}.image-nav-next{right:10px}.image-counter{padding:4px 8px;font-size:.8rem;top:10px;left:10px}.image-dots{bottom:10px}.image-dot{width:8px;height:8px}}@media (max-width:480px){.image-nav-btn{width:36px;height:36px}.image-nav-btn svg{width:18px;height:18px}.image-counter{padding:3px 6px;font-size:.75rem;top:8px;left:8px}}