.shop-from-videos{--sfv-card-height: 480px;--sfv-card-gap: 15px;--sfv-slides-per-view: var(--sfv-slides-mobile, 1);--sfv-card-width: calc((100% - (var(--sfv-slides-per-view, 1) - 1) * var(--sfv-card-gap)) / var(--sfv-slides-per-view, 1));--sfv-card-radius: 8px;--sfv-card-shadow: 0 2px 8px rgba(0, 0, 0, .15);padding:var(--section-padding-top, 2rem) 0 var(--section-padding-bottom, 2rem)}.shop-from-videos__inner{transition:opacity .25s ease,visibility .25s ease}.shop-from-videos--uninitialized .shop-from-videos__inner{opacity:0;visibility:hidden}.shop-from-videos__header{text-align:var(--sfv-heading-align, center);margin-bottom:1rem}.shop-from-videos__heading-label{margin:0 0 .25em;font-size:clamp(1.25rem,2.5vw,1.75rem);text-transform:uppercase;letter-spacing:.05em}.shop-from-videos__subheading{margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}.shop-from-videos__strip-wrap{position:relative}.shop-from-videos__slider{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:var(--sfv-card-gap);padding:10px 0;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;user-select:none;-webkit-user-select:none}.shop-from-videos__strip-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;padding:0;margin:0;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;font:inherit;-webkit-appearance:none;appearance:none}.shop-from-videos__strip-nav:hover{background:#000000bf}.shop-from-videos__strip-nav--prev{left:0}.shop-from-videos__strip-nav--next{right:0}.shop-from-videos__strip-nav svg{width:24px;height:24px}.shop-from-videos__strip-nav--prev svg,.shop-from-videos__strip-nav--next svg{flex-shrink:0}.shop-from-videos__slider::-webkit-scrollbar{display:none}.shop-from-videos__card{flex:0 0 var(--sfv-card-width);width:var(--sfv-card-width);height:var(--sfv-card-height);scroll-snap-align:start;border-radius:var(--sfv-card-radius);box-shadow:var(--sfv-card-shadow);overflow:hidden;position:relative;cursor:pointer;background:#000}@media screen and (min-width: 768px){.shop-from-videos{--sfv-slides-per-view: var(--sfv-slides-tablet, 3)}}@media screen and (min-width: 1024px){.shop-from-videos{--sfv-slides-per-view: var(--sfv-slides-laptop, 4)}}@media screen and (min-width: 1400px){.shop-from-videos{--sfv-slides-per-view: var(--sfv-slides-desktop, 5)}}@media screen and (max-width: 480px){.shop-from-videos{--sfv-slides-per-view: 1.2}}.shop-from-videos__card-inner{display:block;width:100%;height:100%;padding:0;margin:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none}.shop-from-videos__card-media{position:absolute;top:0;right:0;bottom:0;left:0}.shop-from-videos__card-media video,.shop-from-videos__card-media img{width:100%;height:100%;object-fit:cover;object-position:center top}.shop-from-videos__card-media video{pointer-events:none}.shop-from-videos__card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;pointer-events:none}.shop-from-videos__card-play svg,.shop-from-videos__icon-play{width:24px;height:24px;margin-left:4px}.shop-from-videos__placeholder{width:100%;height:100%;object-fit:cover;background:#f0f0f0}.shop-from-videos__card-overlay{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;align-items:center;gap:8px}.shop-from-videos__card-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.shop-from-videos__card-thumb{flex-shrink:0;width:36px;height:36px;border-radius:4px;border:1px solid rgba(255,255,255,.5);overflow:hidden;background:#fff}.shop-from-videos__card-thumb img{width:100%;height:100%;object-fit:cover}.shop-from-videos__card-text{min-width:0;flex:1}.shop-from-videos__card-title{margin:0;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-from-videos__card-price{font-size:14px;font-weight:500;color:#fffffff2}.shop-from-videos-price{display:inline-flex;align-items:center;gap:.35em;flex-wrap:wrap}.shop-from-videos-price__compare{text-decoration:line-through;opacity:.9}.shop-from-videos-price__current{font-weight:600}.shop-from-videos-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#000000e6;padding:50px 20px;box-sizing:border-box}.shop-from-videos-modal.is-open{display:flex!important}.shop-from-videos-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.shop-from-videos-modal__box{position:relative;width:100%;max-width:700px;height:90vh;max-height:650px;background:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;margin:auto}.shop-from-videos-modal__close{position:absolute;top:6px;right:6px;z-index:10;width:35px;height:35px;border:none;border-radius:6px;background:#505050e6;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.shop-from-videos-modal__close:hover{background:#646464f2;color:#fff}.shop-from-videos-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:11;width:44px;height:44px;padding:0;margin:0;border:none;border-radius:50%;background:#ffffffe6;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;font:inherit;-webkit-appearance:none;appearance:none}.shop-from-videos-modal__nav:hover{background:#fff}.shop-from-videos-modal__nav--prev{left:12px}.shop-from-videos-modal__nav--next{right:12px}.shop-from-videos-modal__nav svg{width:24px;height:24px}.shop-from-videos-modal__nav.is-disabled,.shop-from-videos-modal__nav:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.shop-from-videos-modal__slider{flex:1;display:flex;overflow:hidden;position:relative;min-width:0}.shop-from-videos-modal__track{display:flex;height:100%;width:100%;min-width:100%;gap:0;transition:transform .35s ease;flex-shrink:0}.shop-from-videos-modal__slide{flex:0 0 100%;width:100%;height:100%;min-width:0;display:flex}.shop-from-videos-modal__slide-inner{display:flex;flex-direction:row;flex:1;width:100%;min-width:0;background:#fff}.shop-from-videos-modal__video-wrap{flex:0 0 auto;width:360px;height:650px;min-width:0;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-from-videos-modal__video{position:relative;width:100%;height:100%}.shop-from-videos-modal__video-wrap video,.shop-from-videos-modal__video-wrap iframe,.shop-from-videos-modal__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;object-position:center}.shop-from-videos-modal__mute-toggle{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#505050e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.shop-from-videos-modal__mute-toggle:hover{background:#646464f2;color:#fff}.shop-from-videos-modal__mute-icon{width:24px;height:24px;position:absolute}.shop-from-videos-modal__mute-icon--off,.shop-from-videos-modal__mute-toggle.is-muted .shop-from-videos-modal__mute-icon--on{display:none}.shop-from-videos-modal__mute-toggle.is-muted .shop-from-videos-modal__mute-icon--off{display:block}.shop-from-videos-modal__video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.shop-from-videos-modal__video-wrap .shop-from-videos-modal__poster-img,.shop-from-videos-modal__video-poster .shop-from-videos-modal__poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shop-from-videos-modal__poster-play{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;pointer-events:none}.shop-from-videos-modal__poster-play svg,.shop-from-videos-modal__poster-play .shop-from-videos__icon-play{width:28px;height:28px;margin-left:4px}.shop-from-videos-modal__product{flex:0 0 50%;max-width:400px;min-width:0;min-height:0;background:#fff;display:flex;flex-direction:column;overflow:hidden}.shop-from-videos-modal__product-scroll{flex:1;overflow-y:auto;padding:12px;max-width:340px;width:100%}.shop-from-videos-modal__product-images{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #eee;-webkit-overflow-scrolling:touch}.shop-from-videos-modal__product-images::-webkit-scrollbar{height:6px}.shop-from-videos-modal__product-images::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.shop-from-videos-modal__product-img-wrap{flex-shrink:0}.shop-from-videos-modal__product-images .shop-from-videos-modal__product-img{width:150px;height:150px;object-fit:cover;border-radius:4px}.shop-from-videos-modal__product-title{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3}.shop-from-videos-modal__product-title-link{display:none}.shop-from-videos-modal__product-price{margin-bottom:12px}.shop-from-videos-modal__product-price .shop-from-videos-price__current{font-size:1.1em}.shop-from-videos-modal__product-price .shop-from-videos-price__compare{color:#666;font-size:.95em}.shop-from-videos-modal__product-desc-label{margin:0 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666}.shop-from-videos-modal__product-desc{font-size:14px;line-height:1.45;color:#333;margin-bottom:8px}.shop-from-videos-modal__read-more{font-size:14px;color:#000;text-decoration:underline;margin-bottom:16px;display:inline-block}.shop-from-videos-modal__read-more:hover{color:#333}.shop-from-videos-modal__product-form{flex:1;min-width:120px}.shop-from-videos-modal__product-form .form{display:flex;width:100%;margin-bottom:10px}.shop-from-videos-modal__btn-atc{position:relative;flex:1;min-width:120px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;cursor:pointer;border:none;transition:opacity .2s}.shop-from-videos-modal__btn-atc:hover:not(:disabled){opacity:.9}.shop-from-videos .button.button--primary span,.shop-from-videos .button.button--secondary span,.shop-from-videos .button.button--primary:hover span,.shop-from-videos .button.button--secondary:hover span{transform:none}.shop-from-videos-modal__btn-atc:disabled{opacity:.6;cursor:not-allowed}.shop-from-videos-modal__btn-atc.loading .shop-from-videos-modal__btn-atc span,.shop-from-videos-modal__btn-atc.loading .shop-from-videos-modal__btn-atc svg:not(.spinner){visibility:hidden}.shop-from-videos-modal__btn-atc .loading-overlay__spinner{position:absolute}.shop-from-videos-modal__product-form .product-form__error-message-wrapper{margin-bottom:8px;font-size:13px;color:#c00}.shop-from-videos-modal__btn-more{flex:1;min-width:120px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;text-align:center;border-radius:6px;border:1px solid #000;background:#fff;color:#000;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s}.shop-from-videos-modal__btn-more:hover{opacity:.9}@media (max-width: 767px){.shop-from-videos-modal{padding:40px 20px;align-items:flex-end}.shop-from-videos-modal__box{width:100%;max-width:100%;height:calc(100vh - 80px);max-height:calc(100vh - 80px);border-radius:12px 12px 0 0;overflow:hidden;display:flex;flex-direction:column;margin:0 auto}.shop-from-videos-modal__slide-inner{flex-direction:column;flex:1;min-height:0;position:relative;height:100%}.shop-from-videos-modal__video-wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.shop-from-videos-modal__mute-toggle{top:unset;right:6px;bottom:170px}.shop-from-videos-modal__product{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,.85) 40%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3;flex:none;max-width:none}.shop-from-videos-modal__product-scroll{max-width:none;padding:0;overflow:visible;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto auto;gap:4px 12px;align-items:center}.shop-from-videos-modal__product-images{grid-column:1;grid-row:1 / 3;width:56px;height:56px;min-width:56px;margin:0;padding:0;border:none;border-radius:8px;overflow:hidden}.shop-from-videos-modal__product-images .shop-from-videos-modal__product-img-wrap{display:none}.shop-from-videos-modal__product-images .shop-from-videos-modal__product-img-wrap:first-child{display:block;width:56px;height:56px}.shop-from-videos-modal__product-images .shop-from-videos-modal__product-img{width:56px;height:56px;object-fit:cover}.shop-from-videos-modal__product-title{display:none}.shop-from-videos-modal__product-title-link{display:block;grid-column:2;grid-row:1;min-width:0;margin:0;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}.shop-from-videos-modal__product-title-link:hover{color:inherit;text-decoration:none}.shop-from-videos-modal__product-price{grid-column:2;grid-row:2;margin:0;font-size:13px}.shop-from-videos-modal__product-desc-label,.shop-from-videos-modal__product-desc,.shop-from-videos-modal__read-more{display:none!important}.shop-from-videos-modal__product-actions{grid-column:1 / -1;grid-row:3;margin-top:8px}.shop-from-videos-modal__product-form{width:100%}.shop-from-videos-modal__btn-atc{width:100%;min-width:0;padding:12px 16px;font-size:14px}.shop-from-videos-modal__btn-more{display:none!important}.shop-from-videos-modal__nav{width:40px;height:40px}}body.shop-from-videos-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shop-from-videos.css.map */