.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.98),rgba(20,20,20,.95));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:pointer;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal-container{width:90%;max-width:1400px;height:90%}.image-modal-container,.image-modal-content{position:relative;display:flex;align-items:center;justify-content:center}.image-modal-content{max-width:100%;max-height:100%;flex-direction:column;animation:imageZoomIn .4s cubic-bezier(.4,0,.2,1)}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-modal-img{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:12px;cursor:default;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 100px rgba(132,108,76,.3),0 0 0 1px rgba(255,255,255,.1);transition:all .3s ease}.image-modal-close{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,rgba(132,108,76,.9),rgba(155,125,92,.8));border:2px solid rgba(255,255,255,.3);color:#fff;font-size:28px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100000;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;padding:0;box-shadow:0 10px 25px rgba(0,0,0,.5),0 0 30px rgba(132,108,76,.5),inset 0 1px 0 rgba(255,255,255,.2);font-weight:300}.image-modal-close:hover{background:linear-gradient(135deg,rgba(155,125,92,1),rgba(180,144,108,.9));border-color:rgba(255,255,255,.6);transform:rotate(90deg) scale(1.1);box-shadow:0 15px 35px rgba(0,0,0,.6),0 0 50px rgba(132,108,76,.8),inset 0 1px 0 rgba(255,255,255,.3)}.image-modal-close:active{transform:rotate(90deg) scale(.95)}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(132,108,76,.85),rgba(155,125,92,.75));border:2px solid rgba(255,255,255,.3);color:#fff;font-size:42px;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100000;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;padding:0;box-shadow:0 10px 25px rgba(0,0,0,.5),0 0 30px rgba(132,108,76,.4),inset 0 1px 0 rgba(255,255,255,.2);font-weight:300;opacity:.9}.image-modal-nav:hover{background:linear-gradient(135deg,rgba(155,125,92,.95),rgba(180,144,108,.85));border-color:rgba(255,255,255,.6);transform:translateY(-50%) scale(1.15);opacity:1;box-shadow:0 15px 35px rgba(0,0,0,.6),0 0 50px rgba(132,108,76,.7),inset 0 1px 0 rgba(255,255,255,.3)}.image-modal-nav:active{transform:translateY(-50%) scale(.95)}.image-modal-prev{left:30px}.image-modal-prev:hover{transform:translateY(-50%) scale(1.15) translateX(-3px)}.image-modal-next{right:30px}.image-modal-next:hover{transform:translateY(-50%) scale(1.15) translateX(3px)}.image-modal-counter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgba(132,108,76,.95),rgba(155,125,92,.9));color:#fff;padding:12px 24px;border-radius:30px;font-size:15px;font-family:Futura Medium;letter-spacing:1px;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 40px rgba(132,108,76,.4),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:counterSlideUp .4s ease-out .2s both}@keyframes counterSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes imageSlideLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50px)}}@keyframes imageSlideRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}@keyframes imageSlideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes imageSlideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.image-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.image-loading-spinner .spinner{width:60px;height:60px;border:4px solid rgba(132,108,76,.3);border-top-color:rgba(132,108,76,.9);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.image-modal-container{width:100%;height:100%}.image-modal-img{max-width:95vw;max-height:80vh;border-radius:8px}.image-modal-close{top:15px;right:15px;width:50px;height:50px;font-size:24px}.image-modal-nav{width:55px;height:55px;font-size:32px}.image-modal-prev{left:15px}.image-modal-next{right:15px}.image-modal-counter{bottom:90px;font-size:13px;padding:10px 20px}}@media (max-width:480px){.image-modal-close{top:10px;right:10px;width:45px;height:45px;font-size:22px}.image-modal-nav{width:50px;height:50px;font-size:28px}.image-modal-prev{left:10px}.image-modal-next{right:10px}.image-modal-counter{bottom:80px;font-size:12px;padding:8px 16px}}