.thumbnail-gallery{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}.gallery-container.layout-left{display:flex;flex-direction:row-reverse;gap:10px;align-items:flex-start}.gallery-container.layout-bottom,.gallery-container.layout-top{display:flex;flex-direction:column;gap:10px}.thumbnail-gallery.thumbnail-left{flex-direction:column;width:120px;flex-shrink:0;position:relative;flex-wrap:wrap;width:105px}.thumbnail-gallery.thumbnail-bottom,.thumbnail-gallery.thumbnail-top{flex-direction:row;flex-wrap:wrap}.layout-left .main-display{flex:1;min-width:0}.layout-top .thumbnail-gallery{order:1}.layout-top .main-display{order:2}.thumbnail-item{border:2px solid #fff0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;position:relative;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .1);width:90px;height:90px;flex-shrink:0}.thumbnail-gallery.thumbnail-left .thumbnail-item{margin-bottom:10px;margin-right:0;width:100px;height:100px}.thumbnail-gallery.thumbnail-bottom .thumbnail-item,.thumbnail-gallery.thumbnail-top .thumbnail-item{margin-bottom:0;margin-right:8px}.thumbnail-item:hover{border-color:#007bff;border-color:#cebaa0;transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .15)}.thumbnail-item.active{border-color:#cebaa0}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.video-thumbnail{position:relative;width:100%;height:100%}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 0 0 / .7);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.glb-thumbnail{position:relative;width:100%;height:100%}.model-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 123 255 / .8);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.thumbnail-item[data-type="youtube"] .play-icon{background:rgb(255 0 0 / .8)}.thumbnail-item[data-type="youtube"] .play-icon i{color:#fff}.main-display{position:relative;background:#fff;border-radius:12px}.zoom-container{position:relative;overflow:hidden;border-radius:8px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.zoom-container:hover{cursor:crosshair}.zoom-container img,.zoom-container video,.zoom-container #main3D{max-width:100%;max-height:100%;width:100%;height:100%;display:block;object-fit:contain}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .6);border:none;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;opacity:.8;z-index:12;backdrop-filter:blur(5px)}.nav-arrow:hover{background:rgb(0 0 0 / .8);transform:translateY(-50%) scale(1.1);opacity:1}.prev-arrow{left:15px}.next-arrow{right:15px}.nav-arrow i{font-size:16px}@media (max-width:768px){.container{padding:15px}.zoom-container{aspect-ratio:1 / 1;min-height:250px}.thumbnail-gallery-bottom{.thumbnail-gallery{overflow-x:auto;padding-bottom:10px;gap:8px;-webkit-overflow-scrolling:touch;flex-direction:row!important;width:auto!important;flex-wrap:wrap!important}.gallery-container{flex-direction:column!important;gap:15px!important}.layout-left .main-display{flex:none!important}.thumbnail-item{width:60px;height:60px;min-width:60px}.thumbnail-gallery.thumbnail-left .thumbnail-item{width:70px;height:70px;min-width:70px}.nav-arrow{width:35px;height:35px}.nav-arrow i{font-size:14px}.prev-arrow{left:10px}.next-arrow{right:10px}#main3D{min-height:250px!important;height:250px!important}}@media (max-width:576px){.container{padding:10px}h2{font-size:1.5rem;margin-bottom:1rem}.zoom-container{min-height:200px}.thumbnail-gallery-bottom{gap:6px;padding:5px 0}.thumbnail-item{width:100px;height:100px;min-width:100px}.nav-arrow{width:30px;height:30px}.nav-arrow i{font-size:12px}#main3D{min-height:200px!important;height:200px!important}}@media (max-width:480px){.container{padding:8px}h2{font-size:1.3rem}.zoom-container{min-height:180px}.thumbnail-item{width:45px;height:45px;min-width:45px}.nav-arrow{width:25px;height:25px}.nav-arrow i{font-size:10px}#main3D{min-height:180px!important;height:180px!important}}@media (max-height:500px) and (orientation:landscape){.zoom-container{aspect-ratio:4 / 3;min-height:150px}#main3D{min-height:150px!important;height:150px!important}}.loading{opacity:.5;pointer-events:none}*{transition:opacity 0.3s ease,transform 0.3s ease}.thumbnail-item,.nav-arrow,.enlarge-overlay,.modal-nav-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse){.thumbnail-item{min-width:60px;min-height:60px}.nav-arrow{min-width:44px;min-height:44px}}