.product,.ruemood-media-gallery,.product-v2{--media-badge: var(--text-2xs);--media-badge-3d: var(--text-2xs);--media-play-icon-text: var(--text-xl);--lightbox-width-min: 640px;--lightbox-width-pref: 60vw;--lightbox-width-max: 960px;--lightbox-max-height: 82vh}.ruemood-media-gallery{display:flex;gap:2rem;position:relative;width:100%}@media screen and (min-width: 750px) and (max-width: 1024px){.ruemood-media-gallery{flex-direction:column;gap:1rem}.ruemood-thumbnails--desktop{display:none}.ruemood-thumbnails--mobile{display:block}.ruemood-main-media{width:100%;max-width:400px;margin:0 auto}.ruemood-carousel-container{max-height:400px;aspect-ratio:1}.ruemood-carousel-slide{aspect-ratio:1}.ruemood-dots-container{display:flex;justify-content:center;gap:8px;padding:12px 0;order:1}.ruemood-thumbnails--mobile{order:2}.ruemood-thumbnail{width:70px;height:70px}}@media screen and (min-width: 1025px){.ruemood-media-gallery{flex-direction:row;align-items:flex-start}.ruemood-thumbnails--mobile{display:none}.ruemood-thumbnails--desktop{display:flex;flex-direction:column;gap:1rem;width:100px;flex-shrink:0}.ruemood-main-media{flex:1;min-width:0;max-width:500px}.ruemood-carousel-container{max-height:500px}.ruemood-dots-container{display:flex!important;justify-content:center;gap:8px;padding:16px 0}}@media screen and (max-width: 749px){.ruemood-media-gallery{flex-direction:column;gap:1.5rem}.ruemood-thumbnails--desktop{display:none}.ruemood-thumbnails--mobile{display:block}.ruemood-main-media{width:100%}}.ruemood-thumbnail{position:relative;width:100px;height:100px;border:2px solid transparent;border-radius:.8rem;overflow:hidden;background:#f8f9fa;cursor:pointer;transition:all .3s ease;padding:0}.ruemood-thumbnail:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.ruemood-thumbnail--active{border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.ruemood-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ruemood-thumbnail:hover img{transform:scale(1.05)}.ruemood-thumbnail-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ruemood-thumbnail-scroll::-webkit-scrollbar{display:none!important}.ruemood-thumbnail-scroll::-webkit-scrollbar-track{display:none!important}.ruemood-thumbnail-scroll::-webkit-scrollbar-thumb{display:none!important}.ruemood-thumbnail-scroll::-webkit-scrollbar-thumb:hover{display:none!important}@media screen and (max-width: 749px){.ruemood-thumbnail{width:80px;height:80px;flex-shrink:0;scroll-snap-align:start}}.ruemood-media-badge{position:absolute;top:4px;right:4px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:var(--media-badge);font-weight:600;z-index:2;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px}.ruemood-media-badge--video{background:#dc2626e6}.ruemood-media-badge--3d{background:#10b981e6;font-size:var(--media-badge-3d)}.ruemood-main-media{position:relative;display:flex;flex-direction:column;gap:1rem}.ruemood-carousel-container{position:relative;width:100%;border-radius:1.2rem;overflow:hidden;background:#f8f9fa}.ruemood-carousel-track{display:flex;overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ruemood-carousel-track::-webkit-scrollbar{display:none!important}.ruemood-carousel-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;width:100%;aspect-ratio:1}.ruemood-carousel-slide img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ruemood-dots-container{display:none}.ruemood-dot{width:6px;height:6px;border-radius:50%;border:none;background:#00000026;cursor:pointer;transition:all .2s ease;padding:0}.ruemood-dot:hover{background:#0000004d;transform:scale(1.2)}.ruemood-dot--active{background:#000;transform:scale(1.3)}.ruemood-zoom-trigger{position:relative;width:100%;height:100%;border:none;padding:0;background:none;cursor:zoom-in;display:block}.ruemood-zoom-indicator{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)}.ruemood-zoom-trigger:hover .ruemood-zoom-indicator{opacity:1;transform:scale(1.1)}.ruemood-zoom-indicator svg{color:#333}.ruemood-video-container,.ruemood-model-container{position:relative;width:100%;height:100%}.ruemood-video-play,.ruemood-model-play{position:relative;width:100%;height:100%;border:none;padding:0;background:none;cursor:pointer;display:block}.ruemood-video-play-icon,.ruemood-model-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--media-play-icon-text);font-weight:700}.ruemood-video-play:hover .ruemood-video-play-icon,.ruemood-model-play:hover .ruemood-model-play-icon{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.ruemood-model-play-icon{font-size:1.2rem;font-weight:700}.ruemood-video-player,.ruemood-model-player{width:100%;height:100%}.ruemood-video-player video,.ruemood-video-player iframe,.ruemood-model-player model-viewer{width:100%;height:100%;border-radius:1.2rem}.ruemood-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;animation:fadeIn .3s ease-out forwards}.ruemood-lightbox-overlay{position:relative;width:clamp(var(--lightbox-width-min, 640px),var(--lightbox-width-pref, 60vw),var(--lightbox-width-max, 960px));max-width:100%;max-height:var(--lightbox-max-height, 82vh);display:flex;align-items:center;justify-content:center}.ruemood-lightbox-content{position:relative;width:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.ruemood-lightbox-image{width:100%;max-width:100%;max-height:min(var(--lightbox-max-height, 82vh),100%);object-fit:contain;border-radius:1rem;box-shadow:0 8px 32px #0000004d}.ruemood-lightbox-close{position:absolute;top:-50px;right:-50px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ruemood-lightbox-close:hover{background:#fff;transform:scale(1.1)}.ruemood-lightbox-close svg{color:#333}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ruemood-thumbnail:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-color:transparent}.ruemood-dot:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.ruemood-zoom-trigger:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.ruemood-lightbox-close:focus-visible{outline:3px solid #2563eb;outline-offset:3px}@media (prefers-contrast: high){.ruemood-thumbnail--active{border-color:#000;border-width:4px}.ruemood-dot{background:#666;border:2px solid #ffffff}.ruemood-dot--active,.ruemood-media-badge{background:#000;border:2px solid #ffffff}.ruemood-zoom-indicator{background:#fff;border:2px solid #000000}}@media (prefers-reduced-motion: reduce){.ruemood-thumbnail,.ruemood-dot,.ruemood-zoom-indicator,.ruemood-video-play-icon,.ruemood-model-play-icon{transition:none}.ruemood-carousel-track{scroll-behavior:auto}.ruemood-lightbox{animation:none}}@media screen and (max-width: 749px){.ruemood-lightbox{padding:1rem}.ruemood-lightbox-overlay{max-width:90vw;max-height:82vh}.ruemood-lightbox-close{top:-30px;right:-30px;width:35px;height:35px}.ruemood-zoom-indicator{width:35px;height:35px;top:.8rem;right:.8rem}.ruemood-video-play-icon,.ruemood-model-play-icon{width:50px;height:50px}.ruemood-dots-container{padding:16px 0}.ruemood-dot{width:10px;height:10px}.ruemood-carousel-track,.ruemood-thumbnail-scroll{scrollbar-width:none;-ms-overflow-style:none}.ruemood-carousel-track::-webkit-scrollbar,.ruemood-thumbnail-scroll::-webkit-scrollbar{display:none}}@media screen and (min-width: 1025px) and (max-width: 1200px){.ruemood-media-gallery{gap:1.5rem}.ruemood-thumbnails--desktop{width:80px}.ruemood-thumbnail{width:80px;height:80px}}@media screen and (min-width: 1200px){.ruemood-media-gallery{gap:2.5rem}.ruemood-thumbnails--desktop{width:120px}.ruemood-thumbnail{width:120px;height:120px}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/ruemood-media-gallery.css.map */