@keyframes transform-animation{0%{transform:translate(-50%,-50%)}50%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}.image-slider-wrapper{border-radius:12px;overflow:hidden}.image-slider-wrapper .selected-image-box{position:relative;width:100%;min-height:456px;max-height:456px;aspect-ratio:1;overflow:hidden;border-radius:12px}@media(max-width:768px){.image-slider-wrapper .selected-image-box{min-height:400px;min-height:256px;max-height:256px}}.image-slider-wrapper .selected-image-box .images{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-slider-wrapper .selected-image-box .images .main-image{width:100%!important;height:100%!important;object-fit:cover;object-position:top}.image-slider-wrapper .preview-list{position:relative;padding:20px 0}.image-slider-wrapper .preview-list .slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:linear-gradient(45deg,#3a1eff,#1990c5);border-radius:50%!important;width:32px!important;height:32px!important;min-width:32px!important;box-shadow:none;transition:all .3s ease;outline:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-slider-wrapper .preview-list .slider-btn:hover:not(:disabled){background:linear-gradient(45deg,#3a1eff,#1990c5)!important;transform:translateY(-50%) scale(1.05)}.image-slider-wrapper .preview-list .slider-btn:disabled{opacity:.5;cursor:not-allowed}.image-slider-wrapper .preview-list .slider-btn.left{left:2px}.image-slider-wrapper .preview-list .slider-btn.right{right:2px}.image-slider-wrapper .preview-list .slider-btn svg{width:26px;height:26px}.image-slider-wrapper .preview-list .images-list-wrapper{overflow:hidden}.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%}.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list .thumbnail-item{cursor:pointer;border-radius:12px;overflow:hidden;border:2px solid transparent;transition:all .3s ease;aspect-ratio:1}.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list .thumbnail-item.active,.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list .thumbnail-item:hover{border-color:#295ae1}.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list .thumbnail-item .thumbnail-image{width:100%!important;height:100%!important;object-fit:cover;display:block;background-color:#eee}@media(max-width:1070px){.image-slider-wrapper .preview-list{padding:16px}.image-slider-wrapper .preview-list .slider-btn{width:32px!important;height:32px!important;min-width:32px!important}.image-slider-wrapper .preview-list .slider-btn.left{left:8px}.image-slider-wrapper .preview-list .slider-btn.right{right:8px}.image-slider-wrapper .preview-list .images-list-wrapper{margin:0}.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list{gap:8px}}@media(max-width:768px){.image-slider-wrapper .preview-list{padding:12px 0 0}.image-slider-wrapper .preview-list .slider-btn{width:24px!important;height:24px!important;min-width:24px!important}.image-slider-wrapper .preview-list .slider-btn svg{width:14px!important;height:14px!important}.image-slider-wrapper .preview-list .slider-btn.left{left:0}.image-slider-wrapper .preview-list .slider-btn.right{right:0}.image-slider-wrapper .preview-list .images-list-wrapper{margin:0}.image-slider-wrapper .preview-list .images-list-wrapper .preview-images-list{gap:6px}}.thumbnail-skeleton{width:140px;height:140px;background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.thumbnail-skeleton .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.thumbnail-item{position:relative;cursor:pointer;transition:all .3s ease;border-radius:8px;overflow:hidden}@media(max-width:768px){.thumbnail-item{height:56px;width:100%}}.thumbnail-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.thumbnail-item.active{border:2px solid #007bff}.thumbnail-item .thumbnail-image{width:140px;height:140px;object-fit:cover;border-radius:12px;transition:all .3s ease}@media(max-width:768px){.thumbnail-item .thumbnail-image{border-radius:8px}}