.video-reels{width:100%}.video-reels__container{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--space-8)}@media(max-width:768px){.video-reels__container{padding:0 var(--space-5)}}@media(max-width:480px){.video-reels__container{padding:0 var(--space-4)}}.video-reels__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8, 32px)}@media(max-width:768px){.video-reels__header{margin-bottom:var(--space-6, 24px)}}@media(max-width:480px){.video-reels__header{margin-bottom:var(--space-5, 20px)}}.video-reels__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);font-size:var(--font-size-2xl, 28px);color:var(--color-heading, #1a1a1a);margin:0;line-height:var(--line-height-tight, 1.2)}@media(max-width:768px){.video-reels__title{font-size:var(--font-size-xl, 24px)}}@media(max-width:480px){.video-reels__title{font-size:var(--font-size-lg, 20px)}}.video-reels__nav{display:flex;gap:var(--space-3, 12px)}.video-reels__nav-btn{width:var(--reels-nav-size, 44px);height:var(--reels-nav-size, 44px);border:1px solid var(--color-border, #e5e5e5);background:var(--color-bg-primary, #fff);border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base, .25s ease);padding:0}.video-reels__nav-btn:hover{background:var(--color-heading, #1a1a1a);border-color:var(--color-heading, #1a1a1a)}.video-reels__nav-btn:hover .video-reels__nav-icon{stroke:var(--color-bg-primary, #fff)}.video-reels__nav-btn:focus-visible{outline:2px solid var(--color-text-muted, #666);outline-offset:2px}.video-reels__nav-btn.swiper-button-disabled{opacity:.4;cursor:not-allowed}.video-reels__nav-btn.swiper-button-disabled:hover{background:var(--color-bg-primary, #fff);border-color:var(--color-border, #e5e5e5)}.video-reels__nav-btn.swiper-button-disabled:hover .video-reels__nav-icon{stroke:var(--color-text-muted, #666)}.video-reels__nav-icon{width:18px;height:18px;stroke:var(--color-text-muted, #666);transition:stroke var(--transition-base, .25s ease)}@media(max-width:768px){.video-reels__nav-btn{width:var(--reels-nav-size-mobile, 36px);height:var(--reels-nav-size-mobile, 36px)}.video-reels__nav-icon{width:14px;height:14px}}.video-reels__swiper{width:100%;padding:var(--space-3, 12px) 0;overflow:hidden}.video-reels__swiper-wrapper{display:flex;flex-wrap:nowrap}.video-reels__slide{height:auto;flex-shrink:0}.video-reels-card{position:relative;border-radius:var(--reels-card-radius, 16px);overflow:hidden;background:var(--reels-card-bg, var(--color-bg-dark, #e8e4e0));aspect-ratio:var(--reels-aspect-ratio, 9/16);cursor:pointer;transition:transform var(--transition-base, .25s ease),box-shadow var(--transition-base, .25s ease)}.video-reels-card__video{width:100%;height:100%;object-fit:cover;display:block}.video-reels-card__video--external{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-reels-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--reels-card-bg, var(--color-bg-dark, #e8e4e0));color:var(--color-text-muted, #999)}.video-reels-card__placeholder svg{width:48px;height:48px}.video-reels-card__placeholder-text{font-size:var(--font-size-sm, 14px);color:var(--color-text-muted, #999);margin-top:var(--space-2, 8px)}.video-reels-card__sound-btn{position:absolute;top:var(--space-3, 12px);right:var(--space-3, 12px);width:var(--reels-sound-size, 36px);height:var(--reels-sound-size, 36px);background:#00000080;border:none;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base, .25s ease);z-index:var(--z-dropdown, 100);padding:0}.video-reels-card__sound-btn:hover{background:#000000b3}.video-reels-card__sound-btn:focus-visible{outline:2px solid var(--color-bg-primary, #fff);outline-offset:2px}.video-reels-card__sound-icon{width:18px;height:18px;color:var(--color-bg-primary, #fff);flex-shrink:0}.video-reels-card__sound-icon--on,.video-reels-card__sound-btn--unmuted .video-reels-card__sound-icon--off{display:none}.video-reels-card__sound-btn--unmuted .video-reels-card__sound-icon--on{display:block}@media(max-width:1200px){.video-reels-card{border-radius:var(--reels-card-radius-mobile, 14px)}}@media(max-width:768px){.video-reels-card{border-radius:var(--reels-card-radius-mobile, 12px)}.video-reels-card__sound-btn{width:var(--reels-sound-size-mobile, 32px);height:var(--reels-sound-size-mobile, 32px);top:var(--space-3, 10px);right:var(--space-3, 10px)}.video-reels-card__sound-icon{width:16px;height:16px}}@media(max-width:480px){.video-reels-card__sound-btn{width:var(--reels-sound-size-xs, 28px);height:var(--reels-sound-size-xs, 28px);top:var(--space-2, 8px);right:var(--space-2, 8px)}.video-reels-card__sound-icon{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.video-reels-card,.video-reels__nav-btn,.video-reels-card__sound-btn{transition:none}.video-reels-card:hover{transform:none}}.js-focus-visible :focus:not(.focus-visible){outline:none}video-reels-section{display:block}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-video-reels.css.map */