.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}
.modal-overlay.active{display:flex}
.modal-content{background:#fff;border-radius:1.5rem;max-width:900px;width:100%;max-height:90vh;overflow:auto;position:relative}
.modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:10;font-size:1.2rem;border:none}
.modal-close:hover{background:#333}
.modal-body{padding:2rem}
.carousel-wrap{position:relative;overflow:hidden}
.carousel-track{display:flex;transition:transform .4s ease;gap:1rem}
.carousel-track.no-gap{gap:0}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;border:none;cursor:pointer;z-index:5;display:grid;place-items:center;font-size:1.2rem}
.carousel-btn:hover{background:rgba(0,0,0,.9)}
.carousel-btn.prev{left:.5rem}
.carousel-btn.next{right:.5rem}
.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}
.carousel-dots .dot{width:.5rem;height:.5rem;border-radius:50%;background:#ccc;cursor:pointer;border:none;transition:background .2s}
.carousel-dots .dot.active{background:#111}
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:10000;display:none;align-items:center;justify-content:center;cursor:zoom-out}
.lightbox-overlay.active{display:flex}
.lightbox-overlay img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:.5rem}
.lightbox-close{position:absolute;top:1rem;right:1.5rem;color:#fff;font-size:2rem;cursor:pointer;z-index:10;background:none;border:none}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.5rem;cursor:pointer;z-index:10;background:none;border:none;padding:1rem}
.lightbox-nav.prev{left:.5rem}
.lightbox-nav.next{right:.5rem}
.lightbox-counter{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);color:#fff;font-size:.875rem;background:rgba(0,0,0,.5);padding:.25rem .75rem;border-radius:1rem}
@media(max-width:768px){.modal-content{max-height:85vh;border-radius:1rem}.modal-body{padding:1rem}.carousel-btn{width:2rem;height:2rem;font-size:1rem}}