.m-reels-section{position:relative;overflow:hidden;width:100%}.m-reels__wrapper{position:relative;width:100%}.m-reels__grid{display:grid;gap:var(--column-gap, 20px)}.m-reels__grid--2-cols{grid-template-columns:repeat(2,1fr)}.m-reels__grid--3-cols{grid-template-columns:repeat(3,1fr)}.m-reels__grid--4-cols{grid-template-columns:repeat(4,1fr)}.m-reels__grid--5-cols{grid-template-columns:repeat(5,1fr)}.m-reels__grid--6-cols{grid-template-columns:repeat(6,1fr)}.m-reels__slider{display:flex;gap:var(--column-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none}.m-reels__slider::-webkit-scrollbar{display:none}.m-reels__slider .m-reel-card{flex:0 0 calc(50% - 8px);scroll-snap-align:start}@media(min-width:640px){.m-reels__slider .m-reel-card{flex:0 0 calc(45% - 16px)}}@media(min-width:1024px){.m-reels__slider .m-reel-card{flex:0 0 calc(28% - 20px)}}@media(max-width:1023px){.m-reels__grid--5-cols,.m-reels__grid--6-cols{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.m-reels__grid,.m-reels__slider{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding-bottom:12px!important;scrollbar-width:none!important}.m-reels__grid::-webkit-scrollbar,.m-reels__slider::-webkit-scrollbar{display:none!important}.m-reels__grid .m-reel-card,.m-reels__slider .m-reel-card{flex:0 0 calc(46% - 6px)!important;max-width:calc(46% - 6px)!important;min-width:calc(46% - 6px)!important;scroll-snap-align:start!important}}.m-reel-card{position:relative;aspect-ratio:9 / 16;background:#fff;box-shadow:0 4px 4px #00000040;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.25,1,.5,1),box-shadow .35s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none}.m-reel-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 36px #00000038}.m-reel-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.m-reel-card:hover .m-reel-card__media{transform:scale(1.05)}.m-reel-card__video{z-index:1;display:block;opacity:1}.m-reel-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000059,#0000 30%,#0000001a 50%,#000000d9);z-index:2;pointer-events:none}.m-reel-card__badge{position:absolute;top:14px;left:14px;z-index:3;padding:4px 10px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:30px}.m-reel-card__play-badge{position:absolute;top:14px;right:14px;z-index:3;width:32px;height:32px;border-radius:50%;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s ease,background-color .3s ease}.m-reel-card:hover .m-reel-card__play-badge{transform:scale(1.15);background:#e60023;border-color:transparent}.m-reel-card__play-badge svg{width:14px;height:14px;fill:currentColor;margin-left:2px}.m-reel-card__content{position:absolute;bottom:0;left:0;right:0;padding:16px;z-index:3;display:flex;flex-direction:column;gap:10px}.m-reel-card__title{color:#fff;font-size:14px;font-weight:600;line-height:1.3;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-reel-card__product-pill{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:8px;box-shadow:0 4px 4px #00000040;color:#fff;text-decoration:none;transition:background .3s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden;max-width:100%}.m-reel-card__product-pill:hover{background:#000000a6;transform:translateY(-2px)}.m-reel-card__product-img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#222;flex-shrink:0}.m-reel-card__product-info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.m-reel-card__product-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;margin:0 0 2px;line-height:1.2}.m-reel-card__product-price{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.m-reel-card__shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;background:#fff;color:#000;font-size:10px;font-weight:700;border-radius:20px;white-space:nowrap;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.m-reel-card__shop-btn:hover{background:#f0f0f0;transform:scale(1.04)}.m-reel-card__shop-btn svg{width:11px;height:11px;fill:currentColor}@media(max-width:767px){.m-reel-card__content{padding:8px;gap:6px}.m-reel-card__product-pill{padding:4px 6px;justify-content:space-between;align-items:center;gap:6px;border-radius:12px;background:#0009}.m-reel-card__product-info{display:none!important}.m-reel-card__product-img{width:32px;height:32px;border-radius:8px}.m-reel-card__shop-btn-text{display:inline-block!important;font-size:11px;font-weight:700;white-space:nowrap;line-height:1}.m-reel-card__shop-btn{width:auto;height:auto;padding:6px 10px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;flex-shrink:0}.m-reel-card__shop-btn svg{display:none!important}}html.m-reels-open{overflow:hidden!important;height:100%!important}body.m-reels-open{overflow:hidden!important;height:100%!important;position:fixed!important;width:100%!important;left:0!important;overscroll-behavior:none!important;touch-action:none!important}.m-reels-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#000000eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;overscroll-behavior:contain;touch-action:none}.m-reels-modal.is-active{opacity:1;visibility:visible;pointer-events:auto}.m-reels-modal__close-btn{position:absolute;top:24px;right:28px;z-index:100000;width:48px;height:48px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s ease,transform .25s ease,border-color .25s ease;box-shadow:0 8px 24px #0006;padding:0}.m-reels-modal__close-btn:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.1)}.m-reels-modal__close-btn svg{width:24px;height:24px;fill:currentColor}@media(max-width:767px){.m-reels-modal__close-btn{top:16px;right:16px;width:40px;height:40px;z-index:100000}}.m-reels-modal__container{position:relative;width:100%;height:100%;max-width:440px;max-height:92vh;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 25px 60px #000c,0 0 0 1px #ffffff1a;display:flex;flex-direction:column}@media(max-width:767px){.m-reels-modal__container{max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;box-shadow:none}}.m-reels-modal__top-bar{position:absolute;top:0;left:0;right:0;z-index:20;padding:16px 16px 24px;background:linear-gradient(to bottom,#000000b3,#0000);display:flex;flex-direction:column;gap:12px;pointer-events:none}.m-reels-modal__top-bar>*{pointer-events:auto}.m-reels-modal__progress-bar{width:100%;height:3px;background:#ffffff4d;border-radius:3px;overflow:hidden;position:relative}.m-reels-modal__progress-fill{height:100%;width:0%;background:#fff;border-radius:3px;transition:width .1s linear}.m-reels-modal__top-actions{display:flex;align-items:center;justify-content:space-between;color:#fff}.m-reels-modal__counter{font-size:13px;font-weight:600;letter-spacing:.5px;background:#0006;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.m-reels-modal__top-btns{display:flex;align-items:center;gap:12px}.m-reels-modal__icon-btn{width:38px;height:38px;border-radius:50%;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;padding:0}.m-reels-modal__icon-btn:hover{background:#ffffff40;transform:scale(1.08)}.m-reels-modal__icon-btn svg{width:20px;height:20px;fill:currentColor}.m-reels-modal__feed{width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m-reels-modal__feed::-webkit-scrollbar{display:none}.m-reels-modal__item{width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.m-reels-modal__video{width:100%;height:100%;object-fit:cover;display:block}.m-reels-modal__play-pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);width:72px;height:72px;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),opacity .25s ease;z-index:15}.m-reels-modal__play-pause-indicator.animate-pop{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.m-reels-modal__play-pause-indicator svg{width:32px;height:32px;fill:currentColor}.m-reels-modal__heart-pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:16;pointer-events:none;color:#ff3040;opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}.m-reels-modal__heart-pop.animate{opacity:1;transform:translate(-50%,-50%) scale(1.5)}.m-reels-modal__heart-pop svg{width:80px;height:80px;fill:currentColor;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.m-reels-modal__side-bar{position:absolute;right:14px;bottom:110px;z-index:20;display:flex;flex-direction:column;gap:18px;align-items:center}.m-reels-modal__action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;-webkit-user-select:none;user-select:none}.m-reels-modal__action-icon{width:44px;height:44px;border-radius:50%;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.m-reels-modal__action-btn:hover .m-reels-modal__action-icon{transform:scale(1.1);background:#fff3}.m-reels-modal__action-btn.is-liked .m-reels-modal__action-icon{color:#ff3040;border-color:#ff304080;background:#ff304026}.m-reels-modal__action-btn.is-liked svg{fill:#ff3040}.m-reels-modal__action-icon svg{width:22px;height:22px;fill:currentColor}.m-reels-modal__action-label{font-size:11px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);color:#fff}.m-reels-modal__bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:20px 70px 20px 16px;background:linear-gradient(to top,#000000e6,#0006 70%,#0000);display:flex;flex-direction:column;gap:12px}.m-reels-modal__caption-box{color:#fff}.m-reels-modal__author{display:flex;align-items:center;gap:8px;margin-bottom:6px}.m-reels-modal__avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743,#cc2366,#bc1888);padding:2px}.m-reels-modal__avatar-inner{width:100%;height:100%;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center}.m-reels-modal__author-name{font-size:13px;font-weight:700;color:#fff}.m-reels-modal__caption{font-size:13px;line-height:1.4;color:#fffffff2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-reels-modal__product-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);border-radius:8px;text-decoration:none;color:#fff;box-shadow:0 4px 4px #00000040;transition:background .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease}.m-reels-modal__product-card:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.m-reels-modal__product-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#222}.m-reels-modal__product-details{flex:1;min-width:0}.m-reels-modal__product-title{font-size:13px;font-weight:600;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-reels-modal__product-price-box{display:flex;align-items:center;gap:6px;font-size:12px}.m-reels-modal__product-price{font-weight:700;color:#fff}.m-reels-modal__product-compare-price{font-weight:400;text-decoration:line-through;color:#fff9}.m-reels-modal__cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#fff;color:#000;font-size:12px;font-weight:700;border-radius:24px;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px #00000026;transition:background-color .2s ease,transform .2s ease}.m-reels-modal__cta-btn:hover{background:#f5f5f5;transform:scale(1.05)}.m-reels-modal__cta-btn svg{width:14px;height:14px;fill:currentColor}.m-reels-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(50px);z-index:1000000;background:#000000d9;color:#fff;padding:10px 20px;border-radius:30px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}.m-reels-toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:767px){.m-reel-card__content{padding:10px;gap:6px}.m-reel-card__title{font-size:12px;line-height:1.25}.m-reel-card__product-pill{padding:5px 8px;gap:6px;border-radius:10px}.m-reel-card__product-img{width:32px;height:32px;border-radius:6px}.m-reel-card__product-name{font-size:10px}.m-reel-card__product-price{font-size:10px;white-space:nowrap}.m-reel-card__shop-btn{padding:4px 8px;font-size:10px;border-radius:14px}.m-reels-modal__side-bar .js-prev-reel,.m-reels-modal__side-bar .js-next-reel{display:none}.m-reels-modal__side-bar{right:12px;bottom:85px;gap:12px}.m-reels-modal__bottom-bar{padding:12px 64px 20px 12px;gap:8px}.m-reels-modal__product-card{padding:8px 10px;gap:8px;border-radius:12px}.m-reels-modal__product-thumb{width:38px;height:38px;border-radius:8px}.m-reels-modal__product-title{font-size:12px}.m-reels-modal__product-price{font-size:11px;white-space:nowrap}.m-reels-modal__cta-btn{padding:6px 10px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/reels-section.css.map */