.product-scene-carousel{width:100%;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;--highlight-color: #ff8d00;background:#f5f4f7}.carousel-header{text-align:center;margin-bottom:40px}.carousel-title{font-size:42px;font-weight:700;margin-bottom:15px;color:#000;line-height:1.2}.carousel-subtitle{font-size:22px;color:var(--color-body-text);margin:0;line-height:1.6}.carousel-content{display:flex;flex-direction:column;align-items:center;gap:50px}.main-image-wrapper{width:100%;max-width:1200px;position:relative}.main-image-container{width:100%;position:relative;overflow:hidden;border-radius:12px;background:none!important}.main-image{width:100%;height:auto;object-fit:contain;transition:transform .5s ease,opacity .3s ease;display:block;background:none!important}.main-image-container.enable-hover-effect:hover .main-image{transform:scale(1.05)}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;z-index:10;transition:all .3s ease;color:#333;padding:0}.carousel-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0000004d}.carousel-nav-btn:focus{outline:2px solid var(--highlight-color);outline-offset:2px}.carousel-nav-btn.prev-btn{left:20px}.carousel-nav-btn.next-btn{right:20px}.thumbnails-container{width:100%;max-width:1200px;position:relative}.thumbnails-wrapper{display:flex;justify-content:center;gap:15px;padding:10px;flex-wrap:nowrap;width:100%}.thumbnail-item{min-width:120px;height:52px;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;flex-shrink:0;border:3px solid transparent;transition:all .3s ease;background:transparent;flex:1;max-width:220px}.thumbnail-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.thumbnail-active{border-color:var(--highlight-color, #ff8d00)!important;box-shadow:0 0 0 3px var(--highlight-color, #ff8d00),0 0 0 6px #ffffff80!important;animation:pulseGlow 2s infinite!important;flex-grow:1.1}.thumbnail-image{width:100%;height:100%}.thumbnail-image img{width:100%;height:100%;object-fit:cover;display:block}@keyframes pulseGlow{0%{box-shadow:0 0 0 3px var(--highlight-color, #ff8d00),0 0 0 6px #ffffff80}50%{box-shadow:0 0 0 3px var(--highlight-color, #ff8d00),0 0 0 8px #ffffff4d}to{box-shadow:0 0 0 3px var(--highlight-color, #ff8d00),0 0 0 6px #ffffff80}}@media (max-width: 767px){.product-scene-carousel{padding:20px 0!important}.carousel-header{margin-bottom:30px}.carousel-title{font-size:28px!important;margin-bottom:10px}.carousel-subtitle{font-size:16px!important}.carousel-content{gap:25px!important}.main-image-wrapper{max-width:100%}.main-image-container{border-radius:8px;background:none!important;display:flex;align-items:center;justify-content:center;min-height:200px}.main-image{width:100%!important;height:auto!important;max-height:60vh!important;min-height:200px;object-fit:contain!important;object-position:center!important;background:none!important}.carousel-nav-btn{width:40px!important;height:40px!important;background:#ffffffd9!important;box-shadow:0 3px 10px #0003!important}.carousel-nav-btn.prev-btn{left:10px!important}.carousel-nav-btn.next-btn{right:10px!important}.carousel-nav-btn svg{width:20px!important;height:20px!important}.carousel-nav-btn:hover{background:#fffffff2!important}.thumbnails-container{max-width:100%}.thumbnails-wrapper{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;justify-content:space-between;padding:5px 40px;gap:12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.thumbnails-wrapper::-webkit-scrollbar{display:none}.thumbnail-item{width:80px!important;height:80px!important;min-width:80px!important;max-width:80px!important;border-width:2px!important;flex:0 0 auto;scroll-snap-align:center;border-radius:6px}.thumbnail-active{width:90px!important;height:90px!important;min-width:90px!important;max-width:90px!important;border-color:var(--highlight-color, #ff8d00)!important;box-shadow:0 0 0 2px var(--highlight-color, #ff8d00),0 0 0 4px #ffffff80!important;animation:pulseGlowMobile 2s infinite!important}.thumbnail-item:hover{transform:translateY(-3px)!important;box-shadow:0 5px 10px #0000001a!important}@keyframes pulseGlowMobile{0%{box-shadow:0 0 0 2px var(--highlight-color, #ff8d00),0 0 0 4px #ffffff80}50%{box-shadow:0 0 0 2px var(--highlight-color, #ff8d00),0 0 0 5px #ffffff4d}to{box-shadow:0 0 0 2px var(--highlight-color, #ff8d00),0 0 0 4px #ffffff80}}}@media (min-width: 768px) and (max-width: 1023px){.product-scene-carousel{padding:20px!important}.carousel-title{font-size:36px!important}.main-image{background:none!important;height:auto!important;max-height:50vh!important;object-fit:contain!important;object-position:center!important}.carousel-nav-btn{width:50px!important;height:50px!important}.carousel-nav-btn.prev-btn{left:15px!important}.carousel-nav-btn.next-btn{right:15px!important}.carousel-nav-btn svg{width:24px!important;height:24px!important}.thumbnail-item{min-width:130px;height:56px;max-width:180px}.thumbnail-active{min-width:150px;height:65px;border-color:var(--highlight-color, #ff8d00)!important;box-shadow:0 0 0 3px var(--highlight-color, #ff8d00),0 0 0 5px #ffffff80!important}.thumbnails-wrapper{gap:12px!important}}@media (min-width: 1024px){.product-scene-carousel{padding:20px 0!important}.main-image{background:none!important;aspect-ratio:1990/990;height:auto!important;max-height:500px!important;object-fit:contain!important;object-position:center!important}.carousel-nav-btn{width:60px!important;height:60px!important}.carousel-nav-btn.prev-btn{left:20px!important}.carousel-nav-btn.next-btn{right:20px!important}.carousel-nav-btn svg{width:28px!important;height:28px!important}.thumbnails-wrapper{gap:15px!important}.thumbnail-item{min-width:140px;height:61px;max-width:200px}.thumbnail-active{min-width:160px;height:69px;border-color:var(--highlight-color, #ff8d00)!important;box-shadow:0 0 0 3px var(--highlight-color, #ff8d00),0 0 0 6px #ffffff80!important}}@media (min-width: 1440px){.thumbnail-item{min-width:160px;height:69px;max-width:220px}.thumbnail-active{min-width:180px;height:78px}.carousel-nav-btn{width:65px!important;height:65px!important}.carousel-nav-btn.prev-btn{left:25px!important}.carousel-nav-btn.next-btn{right:25px!important}.carousel-nav-btn svg{width:30px!important;height:30px!important}}@media (min-width: 1024px){.thumbnails-wrapper:has(.thumbnail-item:nth-child(3):last-child) .thumbnail-item{min-width:180px;max-width:280px}.thumbnails-wrapper:has(.thumbnail-item:nth-child(4):last-child) .thumbnail-item{min-width:150px;max-width:220px}.thumbnails-wrapper:has(.thumbnail-item:nth-child(5):last-child) .thumbnail-item{min-width:120px;max-width:180px}.thumbnails-wrapper:has(.thumbnail-item:nth-child(6):last-child) .thumbnail-item,.thumbnails-wrapper:has(.thumbnail-item:nth-child(7):last-child) .thumbnail-item{min-width:100px;max-width:150px}}.thumbnail-item:empty:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#f5f5f5 25%,#e0e0e0 25% 50%,#f5f5f5 50% 75%,#e0e0e0 75%);background-size:20px 20px;border-radius:8px}.main-image:empty{min-height:400px;background:linear-gradient(45deg,#f5f5f5 25%,#e0e0e0 25% 50%,#f5f5f5 50% 75%,#e0e0e0 75%);background-size:40px 40px}img{transition:opacity .3s ease}@media (hover: none) and (pointer: coarse){.carousel-nav-btn:active{background:#fff!important;transform:translateY(-50%) scale(.95)!important}.thumbnail-item:active{transform:translateY(-2px)!important;box-shadow:0 3px 8px #00000026!important}}@media print{.carousel-nav-btn,.thumbnails-container{display:none!important}.main-image-container{border:1px solid #ddd!important}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-product-scene-carousel.css.map */