.product-reels-section{overflow:hidden}.reels-heading{font-size:3rem;font-weight:600;text-align:center;margin-bottom:.8rem;color:#333}.reels-subheading{font-size:1.4rem;text-align:center;color:#666;margin:0 0 3rem}.product-reels-container{max-width:1600px;margin:0 auto;padding:1.5rem 2rem 7rem}.product-reels-swiper{position:relative;overflow:visible!important}.reel-nav-btn{position:absolute;top:25vh;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;border:none;background:#fff;color:#123d07;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0003;z-index:15;transition:background .2s ease,transform .2s ease}.reel-nav-btn:hover{background:#f0f0f0}.reel-nav-prev{left:-1.4rem}.reel-nav-next{right:-1.4rem}.reel-nav-btn.swiper-button-disabled{opacity:.35;cursor:not-allowed}@media screen and (min-width:990px){.reel-nav-btn{top:35vh}}@media screen and (max-width:749px){.reel-nav-btn{display:none}}.product-reels-swiper .swiper-wrapper{display:flex}.product-reels-swiper .swiper-slide{position:relative;flex-shrink:0;width:min(50%,290px);transform:scale(.92);opacity:.65;transition:transform .4s ease,opacity .4s ease}.product-reels-swiper .swiper-slide-active{transform:scale(1.04);opacity:1;z-index:2}@media screen and (min-width:750px)and (max-width:1023px){.product-reels-swiper .swiper-slide{width:calc((min(100vw,1600px) - 4rem)/2 - 9px)}}@media screen and (min-width:1024px)and (max-width:1239px){.product-reels-swiper .swiper-slide{width:calc((min(100vw,1600px) - 4rem)/4 - 15px)}}@media screen and (min-width:1240px){.product-reels-swiper .swiper-slide{width:calc((min(100vw,1600px) - 4rem)/5 - 15px)}}@media screen and (min-width:990px){.product-reels-swiper .swiper-slide{transform:scale(.96);opacity:.65;transition:transform .45s ease,opacity .45s ease}.product-reels-swiper .swiper-slide-active{transform:scale(1.06)!important;opacity:1!important;z-index:2}.product-reels-swiper .swiper-slide-prev,.product-reels-swiper .swiper-slide-next{opacity:.8!important}}.reel-video-container{position:relative;width:100%;height:50vh;max-height:532px;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000026}@media screen and (min-width:990px){.reel-video-container{height:70vh}}.reel-video{width:100%;height:100%;object-fit:cover;display:block}.video-controls{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:20;pointer-events:auto}.video-control-btn{width:3rem;height:3.3rem;border-radius:50%;background:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.video-control-btn:hover{background:#000000b3;transform:scale(1.1)}.video-progress{position:absolute;top:1.2rem;left:1.6rem;width:40%;height:2px;background:#ffffff4d;z-index:20;border-radius:999px;pointer-events:auto;cursor:pointer}.video-progress-bar{height:100%;background:#fff;width:0%;transition:width .1s linear;border-radius:999px;pointer-events:none}@media screen and (max-width:749px){.product-reels-swiper .swiper-slide:not(.swiper-slide-active) .video-controls,.product-reels-swiper .swiper-slide:not(.swiper-slide-active) .video-progress{visibility:hidden;pointer-events:none}.video-control-btn{width:3.5rem;height:3.5rem}}.reel-product-card{position:absolute;bottom:-5rem;left:50%;transform:translate(-50%);width:calc(100% - 4rem);background:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:10px;display:grid;grid-template-columns:.5fr 1.5fr;grid-template-areas:"image info" "actions actions";gap:.2rem 1rem;align-items:start;box-shadow:0 8px 24px #00000040;border:1px solid rgba(0,0,0,.35);z-index:10;font-family:Lexend}@media screen and (max-width:749px){.reel-product-card{width:calc(100% - 2rem);padding:1.1rem;gap:.9rem 1rem;bottom:-5rem;grid-template-columns:68px 1fr;border:1px solid rgba(0,0,0,.08)}.reel-product-price .compare-price,.reel-product-tax{color:#666}}.reel-product-image{grid-area:image;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.reel-product-image img{width:100%;height:auto;border-radius:5px}.reel-product-info{grid-area:info;flex:1;min-width:0}.reel-product-actions{grid-area:actions;display:block}.reel-product-header{display:flex;align-items:center;gap:.8rem}.reel-product-title{font-size:13px;font-weight:600;color:#000;font-family:Lexend;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.reel-view-btn{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none}.reel-product-price{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}.reel-product-price .price{font-size:13px;font-family:Lexend;font-weight:600;color:#000}.reel-product-price .compare-price{font-size:1.3rem;color:#ffffffb3;text-decoration:line-through}.reel-product-tax{font-size:1.1rem;color:#fffc;margin:0}.reel-variant-select{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.6rem;background:#fff;border-radius:10px;padding:2px;box-shadow:0 4px 12px #00000026;z-index:20;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reel-variant-select select{width:100%;padding:4px;border-radius:8px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#222;font-size:13px;font-weight:500}.reel-variant-select.is-hidden{display:none}.reel-atc-button{background:#123d07;color:#fff;border:none;padding:4px;font-family:Lexend;font-size:14px;font-weight:500;border-radius:5px;cursor:pointer;transition:background .2s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:.2rem;max-width:-webkit-fill-available;max-width:stretch}.reel-atc-button:hover{background:#091e03}.reel-atc-button:disabled{opacity:.7;cursor:not-allowed}.reel-atc-button.added{background:#28a745}@media screen and (max-width:989px){.reels-heading{font-size:2.5rem}.reels-subheading{font-size:1.3rem}}@media screen and (max-width:749px){.reels-heading{font-size:2rem;margin-bottom:.6rem}.reels-subheading{font-size:1.2rem;margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-product-reels.css.map */