.mf-vt{position:relative;width:100%;max-width:100%;overflow-x:hidden;background:var(--mf-white);padding:var(--mf-space-xl) 0}.mf-vt--bg-gray{background:var(--mf-bg-section)}.mf-vt--dark{background:#0a0a0a}.mf-vt--bg-gradient{background:linear-gradient(180deg,#0a0a0a,#1a1a2e,#0a0a0a)}.mf-vt__container{max-width:900px;margin:0 auto;padding:0 var(--mf-space-sm);overflow:hidden}.mf-vt__header{text-align:center;margin-bottom:var(--mf-space-lg)}.mf-vt__header-cta{display:inline-block;font-family:var(--mf-font-body);font-size:var(--mf-text-sm);font-weight:500;color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--mf-space-xs)}.mf-vt--dark .mf-vt__header-cta,.mf-vt--bg-gradient .mf-vt__header-cta{color:#ff6b6b}.mf-vt__title{font-family:var(--mf-font-heading);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:400;font-style:italic;color:var(--mf-text);margin:0 0 var(--mf-space-2xs) 0;line-height:1.2}.mf-vt--dark .mf-vt__title,.mf-vt--bg-gradient .mf-vt__title{color:var(--mf-white)}.mf-vt__subtitle-highlight{--hl-color-1: #FFD700;--hl-color-2: #FFA500;font-family:var(--mf-font-heading);font-size:clamp(2rem,6vw,3.5rem);font-weight:800;background:linear-gradient(90deg,var(--hl-color-1) 0%,var(--hl-color-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--mf-space-2xs) 0;line-height:1.1}.mf-vt__subtitle-desc{font-family:var(--mf-font-heading);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:var(--mf-text);margin:0 0 var(--mf-space-sm) 0;line-height:1.3}.mf-vt--dark .mf-vt__subtitle-desc,.mf-vt--bg-gradient .mf-vt__subtitle-desc{color:var(--mf-white)}.mf-vt__emphasis{font-family:var(--mf-font-body);font-size:clamp(.9rem,2vw,1.1rem);font-style:italic;font-weight:500;color:#ff6b6b;line-height:1.4;max-width:600px;margin:0 auto}.mf-vt__heading{font-family:var(--mf-font-heading);font-size:var(--mf-text-4xl);font-weight:700;color:var(--mf-text);margin:0 0 var(--mf-space-xs) 0;line-height:1.2}.mf-vt__subheading{font-family:var(--mf-font-body);font-size:var(--mf-text-lg);color:var(--mf-text-light);max-width:700px;margin:0 auto}.mf-vt__main,.mf-vt__video-section{display:flex;flex-direction:column;gap:var(--mf-space-md)}.mf-vt__video-wrapper{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;background:var(--mf-black);box-shadow:0 8px 32px #0000004d;cursor:pointer}.mf-vt__video-wrapper:before{content:"";display:block;padding-top:56.25%}.mf-vt__video,.mf-vt__iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.mf-vt__video--placeholder{background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#666}.mf-vt__poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;z-index:2;transition:opacity .3s ease}.mf-vt__poster.is-hidden{opacity:0;pointer-events:none}.mf-vt__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:80px;height:80px;border-radius:50%;background:var(--mf-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,opacity .3s ease;box-shadow:0 4px 20px #e32a1b66}.mf-vt__play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:var(--mf-primary-hover)}.mf-vt__play-btn.is-hidden{opacity:0;pointer-events:none}.mf-vt__play-btn svg{width:32px;height:32px;fill:var(--mf-white);margin-left:4px}.mf-vt__click-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:64px;height:64px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.mf-vt__click-indicator.is-visible{opacity:1;animation:mf-vt-click-pulse .4s ease-out}.mf-vt__click-indicator svg{width:28px;height:28px;fill:var(--mf-white)}.mf-vt__click-icon-play,.mf-vt__click-icon-pause{display:none}.mf-vt__click-indicator.show-play .mf-vt__click-icon-play,.mf-vt__click-indicator.show-pause .mf-vt__click-icon-pause{display:block}@keyframes mf-vt-click-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}30%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.mf-vt__viewer-count{position:absolute;top:var(--mf-space-sm);left:var(--mf-space-sm);z-index:4;display:flex;align-items:center;gap:6px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;font-family:var(--mf-font-body);font-size:var(--mf-text-xs);color:var(--mf-white)}.mf-vt__viewer-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:mf-vt-pulse-dot 1.5s ease-in-out infinite}@keyframes mf-vt-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.mf-vt__viewer-number{font-weight:600;min-width:20px;text-align:center}.mf-vt__viewer-text{opacity:.9}.mf-vt__social-proof{display:flex;align-items:center;justify-content:center;gap:var(--mf-space-sm);flex-wrap:wrap}.mf-vt__success-cases{display:flex;align-items:center}.mf-vt__success-img{width:40px;height:40px;border-radius:50%;border:2px solid var(--mf-white);object-fit:cover;margin-left:-10px;box-shadow:0 2px 8px #0003;transition:transform .2s ease}.mf-vt__success-img:first-child{margin-left:0}.mf-vt__success-img:hover{transform:scale(1.1);z-index:1}.mf-vt--dark .mf-vt__success-img,.mf-vt--bg-gradient .mf-vt__success-img{border-color:#333}.mf-vt__stats-text{font-family:var(--mf-font-body);font-size:var(--mf-text-base);font-weight:600;color:var(--mf-text);margin:0}.mf-vt--dark .mf-vt__stats-text,.mf-vt--bg-gradient .mf-vt__stats-text{color:var(--mf-white)}.mf-vt__controls{position:absolute;bottom:0;left:0;right:0;padding:var(--mf-space-sm);background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);z-index:4;display:flex;align-items:center;gap:var(--mf-space-sm);opacity:0;transition:opacity .3s ease}.mf-vt__video-wrapper:hover .mf-vt__controls,.mf-vt__video-wrapper.is-paused .mf-vt__controls{opacity:1}.mf-vt__control-btn{width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.mf-vt__control-btn:hover{background:#ffffff40}.mf-vt__control-btn svg{width:20px;height:20px;fill:var(--mf-white)}.mf-vt__control-btn .mf-vt__icon-pause,.mf-vt__control-btn .mf-vt__icon-mute{display:none}.mf-vt__control-btn .mf-vt__icon-play,.mf-vt__control-btn .mf-vt__icon-unmute{display:block}.mf-vt__control-btn svg.is-hidden{display:none!important}.mf-vt__progress-container{flex:1;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.mf-vt__progress-bar{height:100%;background:var(--mf-primary);border-radius:3px;width:0%;transition:width .1s linear}.mf-vt__time{font-family:var(--mf-font-body);font-size:var(--mf-text-sm);color:var(--mf-white);white-space:nowrap;min-width:90px;text-align:right}.mf-vt__timeline{position:relative;width:100%;max-width:100%;padding:var(--mf-space-md) var(--mf-space-sm);box-sizing:border-box;overflow:hidden}.mf-vt__timeline-track{position:relative;height:8px;background:var(--mf-border);border-radius:4px;cursor:pointer;margin:12px 10px}.mf-vt__timeline-progress{position:absolute;top:0;left:0;height:100%;background:var(--mf-primary);border-radius:4px;width:0%;transition:width .1s linear}.mf-vt__timeline-cue{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--mf-white);border:3px solid var(--mf-primary);border-radius:50%;cursor:pointer;z-index:2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 2px 6px #0003}.mf-vt__timeline-cue:hover{transform:translate(-50%,-50%) scale(1.4);box-shadow:0 4px 12px #e32a1b80;background:var(--mf-primary-light, #ffebe9)}.mf-vt__timeline-cue.is-active{background:var(--mf-primary);transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 4px #e32a1b4d;animation:vt-pulse 1.5s ease-in-out infinite}@keyframes vt-pulse{0%,to{box-shadow:0 0 0 4px #e32a1b4d}50%{box-shadow:0 0 0 8px #e32a1b1a}}.mf-vt__timeline-cue.is-passed{background:var(--mf-primary);border-color:var(--mf-primary)}.mf-vt__timeline-cue-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--mf-text);color:var(--mf-white);font-size:var(--mf-text-xs);padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.mf-vt__timeline-cue-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--mf-text)}.mf-vt__timeline-cue:hover .mf-vt__timeline-cue-tooltip{opacity:1;visibility:visible}.mf-vt__cues-area{position:relative;overflow:hidden;transition:min-height .4s ease,opacity .4s ease,margin .4s ease;display:flex;flex-direction:column;gap:var(--mf-space-sm)}.mf-vt__cues-area--collapsed{min-height:0;margin-top:0;gap:0}.mf-vt__cues-area--expanded{min-height:auto;margin-top:var(--mf-space-md)}.mf-vt__cue{opacity:0;visibility:hidden;max-height:0;transform:translateY(20px) scale(.98);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin .4s ease,visibility .4s ease;pointer-events:none;overflow:hidden;order:var(--stack-order, 0)}.mf-vt__cue.is-active{opacity:1;visibility:visible;max-height:600px;transform:translateY(0) scale(1);pointer-events:auto;margin-bottom:0}.mf-vt__cues-area--expanded .mf-vt__cue.is-active+.mf-vt__cue.is-active{margin-top:0}.mf-vt__cue.is-permanent{position:relative}.mf-vt__cue.is-permanent:before{content:"\1f4cc";position:absolute;top:8px;right:8px;font-size:14px;opacity:.7;z-index:2}@keyframes mf-vt-cue-enter{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mf-vt__cue.is-entering{animation:mf-vt-cue-enter .4s cubic-bezier(.4,0,.2,1) forwards}.mf-vt__cue-placeholder{display:none}.mf-vt__cue--product{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__product{display:flex;gap:var(--mf-space-md);align-items:center}.mf-vt__product-image{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden;background:var(--mf-white)}.mf-vt__product-image img{width:100%;height:100%;object-fit:contain}.mf-vt__product-info{flex:1;min-width:0}.mf-vt__product-badge{display:inline-block;background:var(--mf-primary);color:var(--mf-white);font-size:var(--mf-text-xs);font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:var(--mf-space-xs)}.mf-vt__product-title{font-family:var(--mf-font-heading);font-size:var(--mf-text-xl);font-weight:600;color:var(--mf-text);margin:0 0 var(--mf-space-2xs) 0;line-height:1.3}.mf-vt__product-price{display:flex;align-items:center;gap:var(--mf-space-xs);margin-bottom:var(--mf-space-sm)}.mf-vt__product-price-current{font-family:var(--mf-font-heading);font-size:var(--mf-text-2xl);font-weight:700;color:var(--mf-text)}.mf-vt__product-price-compare{font-size:var(--mf-text-base);color:var(--mf-text-muted);text-decoration:line-through}.mf-vt__product-discount{background:var(--mf-success);color:var(--mf-white);font-size:var(--mf-text-xs);font-weight:600;padding:2px 8px;border-radius:4px}.mf-vt__product-btn{display:inline-flex;align-items:center;gap:var(--mf-space-xs);background:var(--mf-primary);color:var(--mf-white);font-family:var(--mf-font-heading);font-size:var(--mf-text-sm);font-weight:600;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}.mf-vt__product-btn:hover{background:var(--mf-primary-hover);transform:translateY(-2px)}.mf-vt__product-btn svg{width:18px;height:18px;fill:currentColor}.mf-vt__cue--text{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__text{display:flex;gap:var(--mf-space-sm);align-items:flex-start}.mf-vt__text-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mf-vt__text-icon--tip{background:#2196f31a;color:var(--mf-info)}.mf-vt__text-icon--info{background:#4caf501a;color:var(--mf-success)}.mf-vt__text-icon--warning{background:#ff98001a;color:var(--mf-warning)}.mf-vt__text-icon svg{width:24px;height:24px;fill:currentColor}.mf-vt__text-content{flex:1}.mf-vt__text-heading{font-family:var(--mf-font-heading);font-size:var(--mf-text-xl);font-weight:600;color:var(--mf-text);margin:0 0 var(--mf-space-xs) 0}.mf-vt__text-body{font-family:var(--mf-font-body);font-size:var(--mf-text-base);color:var(--mf-text-light);margin:0;line-height:1.6}.mf-vt__text-body p{margin:0 0 var(--mf-space-xs) 0}.mf-vt__text-body p:last-child{margin-bottom:0}.mf-vt__cue--cta{background:linear-gradient(135deg,var(--mf-primary) 0%,var(--mf-primary-dark) 100%);border-radius:16px;padding:var(--mf-space-lg);text-align:center}.mf-vt__cta-heading{font-family:var(--mf-font-heading);font-size:var(--mf-text-2xl);font-weight:700;color:var(--mf-white);margin:0 0 var(--mf-space-sm) 0}.mf-vt__cta-description{font-family:var(--mf-font-body);font-size:var(--mf-text-base);color:#ffffffe6;margin:0 0 var(--mf-space-md) 0;max-width:500px;margin-left:auto;margin-right:auto}.mf-vt__cta-btn{display:inline-flex;align-items:center;gap:var(--mf-space-xs);background:var(--mf-white);color:var(--mf-primary);font-family:var(--mf-font-heading);font-size:var(--mf-text-base);font-weight:600;padding:14px 32px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.mf-vt__cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.mf-vt__cue--collection{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__collection-heading{font-family:var(--mf-font-heading);font-size:var(--mf-text-xl);font-weight:600;color:var(--mf-text);margin:0 0 var(--mf-space-sm) 0;text-align:center}.mf-vt__collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--mf-space-sm)}.mf-vt__collection-item{background:var(--mf-white);border-radius:12px;padding:var(--mf-space-sm);text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--mf-border)}.mf-vt__collection-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.mf-vt__collection-item-image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;margin-bottom:var(--mf-space-xs)}.mf-vt__collection-item-title{font-family:var(--mf-font-body);font-size:var(--mf-text-sm);font-weight:500;color:var(--mf-text);margin:0 0 var(--mf-space-3xs) 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mf-vt__collection-item-price{font-family:var(--mf-font-heading);font-size:var(--mf-text-base);font-weight:600;color:var(--mf-primary)}@media screen and (max-width:749px){.mf-vt{padding:var(--mf-space-lg) 0}.mf-vt__heading{font-size:var(--mf-text-2xl)}.mf-vt__subheading{font-size:var(--mf-text-base)}.mf-vt__video-wrapper{border-radius:12px}.mf-vt__play-btn{width:64px;height:64px}.mf-vt__play-btn svg{width:24px;height:24px}.mf-vt__controls{padding:var(--mf-space-xs);gap:var(--mf-space-xs)}.mf-vt__control-btn{width:36px;height:36px}.mf-vt__time{font-size:var(--mf-text-xs);min-width:70px}.mf-vt__product{flex-direction:column;text-align:center}.mf-vt__product-image{width:100px;height:100px}.mf-vt__product-title{font-size:var(--mf-text-lg)}.mf-vt__product-price-current{font-size:var(--mf-text-xl)}.mf-vt__product-btn{width:100%;justify-content:center}.mf-vt__text{flex-direction:column;text-align:center;align-items:center}.mf-vt__cta-heading{font-size:var(--mf-text-xl)}.mf-vt__cta-btn{width:100%;justify-content:center}.mf-vt__collection-grid{grid-template-columns:repeat(2,1fr)}.mf-vt__timeline-cue{width:14px;height:14px}}.mf-vt__video-wrapper.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--mf-primary);border-radius:50%;animation:mf-vt-spin 1s linear infinite;z-index:5}@keyframes mf-vt-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mf-vt__cue,.mf-vt__timeline-cue,.mf-vt__play-btn,.mf-vt__product-btn,.mf-vt__cta-btn,.mf-vt__collection-item{transition:none}.mf-vt__video-wrapper.is-loading:after{animation:none}}.mf-vt__play-btn:focus-visible,.mf-vt__control-btn:focus-visible,.mf-vt__timeline-cue:focus-visible,.mf-vt__product-btn:focus-visible,.mf-vt__cta-btn:focus-visible,.mf-vt__collection-item:focus-visible{outline:2px solid var(--mf-primary);outline-offset:2px}.mf-vt--dark{background:var(--mf-bg-dark)}.mf-vt--dark .mf-vt__heading{color:var(--mf-white)}.mf-vt--dark .mf-vt__subheading{color:#ffffffb3}.mf-vt--dark .mf-vt__cue--product,.mf-vt--dark .mf-vt__cue--text,.mf-vt--dark .mf-vt__cue--collection{background:#ffffff0d;border-color:#ffffff1a}.mf-vt--dark .mf-vt__product-title,.mf-vt--dark .mf-vt__text-heading,.mf-vt--dark .mf-vt__collection-heading{color:var(--mf-white)}.mf-vt--dark .mf-vt__text-body,.mf-vt--dark .mf-vt__product-price-current{color:#ffffffe6}.mf-vt--dark .mf-vt__timeline-track{background:#fff3}.mf-vt__cue-title{font-family:var(--mf-font-heading);font-size:var(--mf-text-lg);font-weight:600;color:var(--mf-text);margin:0 0 var(--mf-space-sm) 0;text-align:center}.mf-vt__cue--product-card{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__product-card-wrapper{max-width:320px;margin:0 auto}.mf-vt__cue--product-strip{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__product-strip-wrapper{max-width:500px;margin:0 auto}.mf-vt__cue--multi-product{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__multi-product-grid{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);gap:var(--mf-space-sm);max-width:800px;margin:0 auto}.mf-vt__multi-product-item{min-width:0}.mf-vt__cue--custom{background:var(--mf-bg-lighter);border-radius:16px;padding:var(--mf-space-md);border:1px solid var(--mf-border)}.mf-vt__custom-wrapper{max-width:800px;margin:0 auto}@media screen and (max-width:749px){.mf-vt__product-card-wrapper{max-width:280px}.mf-vt__multi-product-grid{grid-template-columns:repeat(2,1fr);gap:var(--mf-space-xs)}.mf-vt__cue-title{font-size:var(--mf-text-base)}}.mf-vt--dark .mf-vt__cue--product-card,.mf-vt--dark .mf-vt__cue--product-strip,.mf-vt--dark .mf-vt__cue--multi-product,.mf-vt--dark .mf-vt__cue--custom{background:#ffffff0d;border-color:#ffffff1a}.mf-vt--dark .mf-vt__cue-title{color:var(--mf-white)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-mf-videotutorial.css.map */