.slider-container{position:relative;margin:20px auto;background:#f9f9f9;border-radius:15px;overflow:hidden;font-family:Arial,sans-serif}.slider-grid{display:flex;flex-direction:row}.thumbnails-column{width:120px;padding:10px 0;overflow:hidden}.thumbnails-wrapper{display:flex;flex-direction:column;gap:10px;overflow-y:auto;scroll-behavior:smooth;max-height:400px;padding-right:5px;padding-left:5px}.thumb-wrapper{flex:0 0 auto;cursor:pointer;border:2px solid transparent;border-radius:10px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;background:linear-gradient(145deg,#f8f8f8,#e8e8e8);box-shadow:0 4px 10px #00000026}.thumb-wrapper:hover,.thumb-wrapper.active{border-color:#e58f3f;transform:scale(1.05);box-shadow:0 6px 15px #00000040}.thumb{width:100%;height:60px;object-fit:cover}.slider-main{flex:1;position:relative}.slides-wrapper{position:relative;width:100%;height:400px;overflow:hidden}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .7s ease,transform .7s ease;display:flex;justify-content:center;align-items:center}.slide.active{opacity:1;position:relative}.slide-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.slide-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.slide-image-wrapper img:hover{transform:scale(1.05)}.label-overlay{position:absolute;top:10px;left:10px;padding:5px 12px;background:linear-gradient(45deg,#e58f3fcc,#e58f3f99);color:#fff;border-radius:5px;font-size:.85rem;z-index:10}.slide-info{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 15px;border-radius:10px;box-shadow:0 4px 10px #00000026;text-align:center;z-index:10}.review{margin:0;font-size:1rem;color:#333}.stars{margin:5px 0 0;font-size:1.2rem}.star{color:#ccc;margin-right:2px}.star.filled{color:#e58f3f!important}.star.animated{animation:pop .4s ease forwards}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.slider-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:20}.nav-btn{background:#e58f3f;border:none;border-radius:50%;padding:10px;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:0 4px 10px #00000040;margin:10px}.nav-btn:hover{transform:scale(1.1);background:#cf7a2b}.nav-btn svg{width:24px;height:24px}.slider-progress{position:absolute;bottom:0;left:0;width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;z-index:15}.progress-bar{height:100%;width:0%;background:#e58f3f;transition:width 5s linear}@media(max-width:768px){.review{margin:0;font-size:.9rem;color:#333}.slider-grid{flex-direction:column}.thumbnails-column{width:100%;padding:10px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-x;scrollbar-width:none}.thumbnails-column::-webkit-scrollbar{display:none}.thumbnails-wrapper{display:flex;flex-direction:row;gap:8px;padding:0 5px;max-height:none;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior:contain}.thumb-wrapper{flex:0 0 auto;width:60px;height:40px}.slider-main{width:100%}.slides-wrapper{height:250px}.slide-info{bottom:10px;font-size:.9rem;padding:6px 10px}}