.custom-gallery-slider{position:relative;max-width:800px;margin:0 auto;overflow:hidden}.slider-container{position:relative;width:100%;height:400px}.slider-wrapper{position:relative;width:100%;height:100%}.slider-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}.slider-slide.active{opacity:1;z-index:5}.slider-slide .img-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slider-slide img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer;transition:transform .2s ease}.slider-slide:hover img{transform:scale(1.05)}.slider-slide .img-container:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-image:url(//hando.id/wp-content/themes/hando/assets/css/../../img/icon-mag.svg);opacity:0;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.slider-slide.active:hover .img-container:after{opacity:.4}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;z-index:10}.slider-nav:hover{background:rgba(0,0,0,.7)}.slider-prev{left:10px}.slider-next{right:10px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:0 0;cursor:pointer;padding:0}.slider-dot.active{background:#fff}.slider-dot:hover{background:rgba(255,255,255,.5)}.slider-counter{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;z-index:10}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lightbox-overlay.active{display:flex;opacity:1}.lightbox-content{position:relative;max-width:90%;max-height:90%;text-align:center}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:10px;right:10px;background:rgba(255,0,0,.4);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;transition:background .3s ease;padding:0}.lightbox-close:hover{background:rgba(255,255,255,.3)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;z-index:10;padding:0}.lightbox-nav:hover{background:rgba(255,255,255,.3)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;background:rgba(0,0,0,.5);padding:8px 16px;border-radius:20px}@media (max-width:768px){.slider-container{height:300px}.slider-nav{width:35px;height:35px;font-size:16px}.lightbox-nav{width:35px;height:35px;font-size:16px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.slider-slide:after{width:40px;height:40px}}