.ecomhard-videocommerce{--vc-title-size: var(--vc-title-size-d);--vc-per-view: var(--vc-per-view-d);--vc-peek: var(--vc-peek-d);--vc-gap: var(--vc-gap-d);width:100%;min-width:0;margin-top:var(--vc-mt-d, 14px);margin-bottom:var(--vc-mb-d, 0px)}.ecomhard-videocommerce *,.ecomhard-videocommerce *:before,.ecomhard-videocommerce *:after,.ecomhard-shorts *,.ecomhard-shorts *:before,.ecomhard-shorts *:after{box-sizing:border-box}.ecomhard-videocommerce__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin:0 0 8px}.ecomhard-videocommerce__heading{min-width:0;margin:0;font-size:var(--vc-title-size);line-height:1.25;color:inherit}.ecomhard-videocommerce__arrows{display:flex;align-items:center;gap:4px;flex:0 0 auto}.ecomhard-videocommerce__arrows.is-hidden{display:none}.ecomhard-videocommerce__arrow{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:22px;height:25px;padding:0;border:0;border-radius:0;background:transparent;color:currentColor;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.ecomhard-videocommerce__arrow:hover{background:transparent;transform:translateY(-1px)}.ecomhard-videocommerce__arrow:disabled{opacity:.28;cursor:default}.ecomhard-videocommerce__arrow svg{width:13px;height:13px;fill:currentColor}.ecomhard-videocommerce__rail-wrap{min-width:0;overflow:hidden}.ecomhard-videocommerce__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--vc-per-view) * var(--vc-gap)) - var(--vc-peek)) / var(--vc-per-view));gap:var(--vc-gap);width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;cursor:default;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}.ecomhard-videocommerce__rail::-webkit-scrollbar{display:none}.ecomhard-videocommerce__rail.is-no-overflow{grid-auto-columns:calc((100% - (var(--vc-per-view) * var(--vc-gap)) - var(--vc-peek)) / var(--vc-per-view));cursor:default}.ecomhard-videocommerce__tile{appearance:none;-webkit-appearance:none;display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;scroll-snap-align:start;cursor:pointer}.ecomhard-videocommerce__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;box-sizing:border-box;border:var(--vc-border-width, 0px) solid var(--vc-border-color, #E3E3E3);border-radius:var(--vc-radius);background:#ececec;isolation:isolate}.ecomhard-videocommerce__poster,.ecomhard-videocommerce__preview-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ecomhard-videocommerce__preview-video{z-index:2;background:#111}.ecomhard-videocommerce__play{position:absolute;z-index:3;top:50%;left:50%;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#ffffffeb;color:#111;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000024;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.ecomhard-videocommerce__play svg{width:11px;height:11px;fill:currentColor;margin-left:1px}.ecomhard-videocommerce__media.is-previewing .ecomhard-videocommerce__play{opacity:0;transform:translate(-50%,-50%) scale(.8)}.ecomhard-videocommerce__progress{position:relative;width:54px;max-width:54px;height:2px;margin:9px auto 0;overflow:hidden;border-radius:999px;background:#00000021}.ecomhard-videocommerce__progress-thumb{position:absolute;top:0;left:0;width:30%;height:100%;background:currentColor;transition:left .12s linear,width .12s linear}.ecomhard-videocommerce__progress.is-hidden{display:none}.ecomhard-shorts[hidden]{display:none!important}.ecomhard-shorts{--vc-shorts-top-space: 50px;--vc-shorts-slide-height: calc(100dvh - 130px) ;--vc-shorts-gap: 10px;position:fixed!important;z-index:2147483000!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:grid;place-items:start center;width:100vw;height:100dvh;margin:0;padding-top:var(--vc-shorts-top-space);overflow:hidden;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;isolation:isolate;visibility:visible;opacity:1}.ecomhard-shorts__close{position:fixed;z-index:8;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer}.ecomhard-shorts__close svg{width:30px;height:30px;fill:currentColor}.ecomhard-shorts__stage{position:relative;width:max-content;max-width:100vw;height:calc(100dvh - var(--vc-shorts-top-space));min-height:0}.ecomhard-shorts__viewport{position:relative;z-index:1;width:max-content;max-width:100vw;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.ecomhard-shorts__viewport::-webkit-scrollbar{display:none}.ecomhard-shorts__track{display:flex;flex-direction:column;align-items:flex-start;gap:var(--vc-shorts-gap);width:max-content;min-height:100%;padding-bottom:calc(100dvh - var(--vc-shorts-slide-height))}.ecomhard-shorts__slide{display:grid;grid-template-columns:auto 62px;flex:0 0 auto;width:max-content;height:var(--vc-shorts-slide-height);min-height:360px;scroll-snap-align:start;scroll-snap-stop:always}.ecomhard-shorts__video-shell{position:relative;grid-column:1;height:100%;max-height:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:8px;background:#111;box-shadow:0 22px 60px #0000007a}.ecomhard-shorts__video{display:block;width:100%;height:100%;border:0;background:#111;object-fit:cover;cursor:pointer}.ecomhard-shorts__paused[hidden]{display:none!important}.ecomhard-shorts__paused{position:absolute;z-index:3;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:999px;background:#00000085;color:#fff;transform:translate(-50%,-50%);cursor:pointer}.ecomhard-shorts__paused svg{width:25px;height:25px;fill:currentColor;margin-left:3px}.ecomhard-shorts__chrome{position:absolute;z-index:4;top:0;left:0;width:100%;height:var(--vc-shorts-slide-height);pointer-events:none}.ecomhard-shorts__product-card{position:absolute;left:16px;right:78px;bottom:16px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;min-height:84px;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#ffffff40;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);box-shadow:0 8px 30px #00000029;pointer-events:auto}.ecomhard-shorts__product-image-wrap{width:72px;height:84px;overflow:hidden;border-radius:5px;background:#ffffffeb}.ecomhard-shorts__product-image{width:100%;height:100%;object-fit:cover;display:block}.ecomhard-shorts__product-info{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:2px 0}.ecomhard-shorts__product-title{overflow:hidden;font-size:14px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.ecomhard-shorts__colors{display:flex;flex-direction:column;gap:4px}.ecomhard-shorts__colors-label{font-size:10px;line-height:1;opacity:.95}.ecomhard-shorts__swatches{display:flex;flex-wrap:wrap;gap:5px}.ecomhard-shorts__swatch{display:grid;place-items:center;width:18px;height:18px;padding:2px;border:1px solid transparent;border-radius:999px;text-decoration:none}.ecomhard-shorts__swatch.is-active{border-color:#fffffff2}.ecomhard-shorts__swatch>span{display:block;width:12px;height:12px;border-radius:999px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #0000001f}.ecomhard-shorts__product-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;min-width:112px;padding:2px 1px 0 6px;text-align:right;white-space:nowrap}.ecomhard-shorts__product-price strong{font-size:14px;line-height:1.2;font-weight:600}.ecomhard-shorts__product-price span{margin-top:3px;font-size:12px;line-height:1.2;opacity:.9}.ecomhard-shorts__actions{position:absolute;top:0;right:0;width:62px;height:100%;pointer-events:none}.ecomhard-shorts__nav-actions,.ecomhard-shorts__social-actions{position:absolute;left:10px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.ecomhard-shorts__nav-actions{top:46%;transform:translateY(-50%)}.ecomhard-shorts__social-actions{bottom:14px}.ecomhard-shorts__action{position:relative;appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:999px;background:#ffffff47;color:#fff;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .18s ease,background .18s ease;outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.ecomhard-shorts__action:hover{background:#ffffff61;transform:none;border:0!important;outline:0!important;box-shadow:none!important}.ecomhard-shorts__action:focus,.ecomhard-shorts__action:focus-visible,.ecomhard-shorts__action:active{border:0!important;outline:0!important;box-shadow:none!important;transform:none!important}.ecomhard-shorts__action:disabled{opacity:.28;cursor:default;transform:none}.ecomhard-shorts__action svg{width:21px;height:21px;fill:currentColor}.ecomhard-shorts__action img{display:block;width:21px;height:21px;object-fit:contain;pointer-events:none}.ecomhard-shorts__social-actions .ecomhard-shorts__action{background:#ffffff47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ecomhard-shorts__social-actions .ecomhard-shorts__action:hover{background:#ffffff61;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important}.ecomhard-shorts__action[data-vc-mute][aria-pressed=true]:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;pointer-events:none}.ecomhard-shorts__action .icon-volume{display:none}.ecomhard-shorts__action[aria-pressed=false] .icon-volume{display:block}.ecomhard-shorts__action[aria-pressed=false] .icon-muted{display:none}.ecomhard-shorts__toast{position:fixed;z-index:9;left:50%;bottom:max(24px,env(safe-area-inset-bottom));padding:8px 12px;border-radius:999px;background:#000000c7;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.ecomhard-shorts__toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:767px){.ecomhard-videocommerce{--vc-title-size: var(--vc-title-size-m);--vc-per-view: var(--vc-per-view-m);--vc-peek: var(--vc-peek-m);--vc-gap: var(--vc-gap-m);margin-top:var(--vc-mt-m, 14px);margin-bottom:var(--vc-mb-m, 0px)}.ecomhard-videocommerce__head{min-height:26px}.ecomhard-videocommerce__arrow{width:22px;height:24px}.ecomhard-videocommerce__play{width:26px;height:26px}.ecomhard-shorts{--vc-shorts-top-space: 0px;--vc-shorts-slide-height: 100dvh;--vc-shorts-gap: 0px;place-items:start center;padding-top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ecomhard-shorts__stage,.ecomhard-shorts__viewport{width:100vw;max-width:100vw;height:100dvh}.ecomhard-shorts__track{width:100%;min-width:100%;gap:0;padding-bottom:0}.ecomhard-shorts__slide{display:block;width:100vw;min-width:100vw;height:var(--vc-shorts-slide-height);min-height:420px}.ecomhard-shorts__video-shell{width:100vw;max-width:100vw;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:0 16px 40px #0000006b}.ecomhard-shorts__video{width:100%;height:100%;object-fit:cover}.ecomhard-shorts__chrome{width:100vw;height:var(--vc-shorts-slide-height)}.ecomhard-shorts__close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:36px;height:36px;background:#000;color:#fff}.ecomhard-shorts__close svg{width:18px;height:18px}.ecomhard-shorts__product-card{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:64px minmax(0,1fr) auto;min-height:76px;padding:7px;border-radius:7px}.ecomhard-shorts__product-image-wrap{width:64px;height:76px}.ecomhard-shorts__product-title{font-size:12px}.ecomhard-shorts__product-price{min-width:96px}.ecomhard-shorts__product-price strong{font-size:13px}.ecomhard-shorts__product-price span{font-size:8px}.ecomhard-shorts__colors-label{font-size:9px}.ecomhard-shorts__swatch{width:16px;height:16px;padding:2px}.ecomhard-shorts__swatch>span{width:10px;height:10px}.ecomhard-shorts__actions{right:12px;width:38px}.ecomhard-shorts__nav-actions,.ecomhard-shorts__social-actions{left:1px}.ecomhard-shorts__nav-actions{top:44%;gap:4px}.ecomhard-shorts__social-actions{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 98px);gap:4px}.ecomhard-shorts__action{width:36px;height:36px;background:#000;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.ecomhard-shorts__action:hover{background:#000;transform:none}.ecomhard-shorts__social-actions .ecomhard-shorts__action,.ecomhard-shorts__social-actions .ecomhard-shorts__action:hover{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}.ecomhard-shorts__action svg{width:18px;height:18px}.ecomhard-shorts__action img{width:18px;height:18px}.ecomhard-shorts__action[data-vc-mute][aria-pressed=true]:after{top:50%;left:50%;width:19px;height:2px;transform:translate(-50%,-50%) rotate(-45deg)}}@media(max-width:390px){.ecomhard-shorts__product-card{grid-template-columns:58px minmax(0,1fr) auto;gap:7px}.ecomhard-shorts__product-image-wrap{width:58px;height:70px}.ecomhard-shorts__product-title{font-size:11px}.ecomhard-shorts__product-price{min-width:87px}.ecomhard-shorts__product-price strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.ecomhard-videocommerce__progress-thumb,.ecomhard-shorts__action,.ecomhard-shorts__toast{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/ecomhard-videocommerce.css.map */