.kellermont-reels .product-video-reels-wrapper{display:block;width:100%}.kellermont-reels .product-video-reels-wrapper .swiper{overflow:hidden}.kellermont-reels .product-video-reels-wrapper .reel-slide{aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background-color:#000;position:relative;height:auto}.kellermont-reels .product-video-reels-wrapper .reel-video-container{width:100%;cursor:pointer;transition:opacity .3s}.kellermont-reels .product-video-reels-wrapper .reel-video-container:hover{opacity:.85}.kellermont-reels .product-video-reels-wrapper .reel-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.kellermont-reels .reel-video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.kellermont-reels .reel-video-modal.is-active{opacity:1;visibility:visible}.kellermont-reels .reel-video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.kellermont-reels .reel-video-modal-content{position:relative;z-index:2;width:90%;max-width:450px;background:#000;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 10px 40px #00000080}.kellermont-reels .reel-video-modal-content .reel-modal-player{width:100%;height:auto;max-height:85vh;object-fit:contain;display:block}.kellermont-reels .reel-video-modal-close{position:absolute;top:12px;right:12px;background:#00000080;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background-color .2s}.kellermont-reels .reel-video-modal-close:hover{background:#000000e6}.kellermont-reels .product-video-reels-wrapper .reel-overlay{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:8px;padding:12px 10px;background:linear-gradient(to top,#000000b8,#00000073 55%,#0000);pointer-events:none;z-index:3}.kellermont-reels .product-video-reels-wrapper .reel-overlay__stars{display:flex;gap:2px;color:#fff}.kellermont-reels .product-video-reels-wrapper .reel-overlay__star{flex:0 0 auto;display:block}.kellermont-reels .product-video-reels-wrapper .reel-overlay__text{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:var(--reel-overlay-text-size, 10px);line-height:1.35;color:#fff;text-wrap:pretty}.kellermont-reels .product-video-reels-wrapper .reel-mute{position:absolute;top:8px;right:8px;z-index:4;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#fff;color:#000;cursor:pointer}.kellermont-reels .product-video-reels-wrapper .reel-mute svg{width:15px;height:15px}.kellermont-reels .product-video-reels-wrapper .reel-mute .reel-mute__off,.kellermont-reels .product-video-reels-wrapper .reel-mute.is-unmuted .reel-mute__on{display:none}.kellermont-reels .product-video-reels-wrapper .reel-mute.is-unmuted .reel-mute__off{display:block}.kellermont-reels {display:block;width:100%;min-width:0;}.kellermont-reels .product-video-reels-wrapper .reel-slide::before{content:'';display:block;padding-bottom:calc(100% * 16 / 9)}.kellermont-reels .product-video-reels-wrapper .reel-video-container{position:absolute;inset:0}.kellermont-reels .product-video-reels-wrapper .reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none;transition:opacity .25s ease}.kellermont-reels .product-video-reels-wrapper .reel-poster.is-hidden{opacity:0}.kellermont-reels .reel-mute:focus-visible{outline:2px solid #000;outline-offset:3px;}.kellermont-reels .swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory;}.kellermont-reels .swiper:not(.swiper-initialized) .reel-slide{flex:0 0 calc((100% - 16.8px) / 3.1);scroll-snap-align:start;}@media(min-width:1024px){.kellermont-reels .swiper:not(.swiper-initialized) .swiper-wrapper{gap:10px}.kellermont-reels .swiper:not(.swiper-initialized) .reel-slide{flex-basis:calc((100% - 26px) / 3.6)}}@media(prefers-reduced-motion:reduce){.kellermont-reels .reel-poster{transition:none}}
/* Keep the original intrinsic 9:16 sizing inside the native product-details flex layout. */
.kellermont-reels .swiper, .kellermont-reels .swiper-wrapper{height:auto;}