.custom-slider-container{position:relative;max-width:800px;margin:20px auto;overflow:hidden}.custom-slider{position:relative;width:100%;height:400px}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;justify-content:center;align-items:center}.slide.active{opacity:1;z-index:1}.slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .3s}.slider-arrow:hover{background:rgba(0,0,0,.9)}.slider-prev{left:15px}.slider-next{right:15px}.thumbnails-carousel{position:relative;width:100%;max-width:800px;margin:15px auto 0 auto;padding:0 40px;box-sizing:border-box}.thumbnails-track{display:flex;gap:8px;transition:transform .3s ease-in-out;width:max-content}.thumbnail{flex:0 0 auto;width:80px;height:60px;cursor:pointer;opacity:.6;transition:opacity .3s,transform .3s;border:2px solid transparent;border-radius:4px;overflow:hidden}.thumbnail.active{opacity:1;border-color:#007cba;transform:scale(1.05)}.thumbnail:hover{opacity:.9}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumb-prev,.thumb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .3s}.thumb-prev:hover,.thumb-next:hover{background:rgba(0,0,0,.9)}.thumb-prev{left:5px}.thumb-next{right:5px}.thumb-prev.hidden,.thumb-next.hidden{display:none}@media (max-width:768px){.custom-slider{height:300px}.custom-slider-container,.thumbnails-carousel{max-width:95%;margin-left:auto;margin-right:auto}.thumbnail{width:70px;height:50px}.thumbnails-carousel{padding:0 35px}.slider-arrow{width:35px;height:35px;font-size:18px}}@media (max-width:480px){.custom-slider{height:250px}.custom-slider-container{max-width:100%;margin:15px auto;padding:0 10px;box-sizing:border-box}.thumbnails-carousel{display:none !important}.slider-arrow{width:30px;height:30px;font-size:16px}.slider-prev{left:5px}.slider-next{right:5px}}@media (max-width:360px){.custom-slider{height:200px}.custom-slider-container{padding:0 8px}.slider-arrow{width:25px;height:25px;font-size:14px}}