.hy-product-reels{--hy-reels-card-width-desktop: 150px;--hy-reels-card-width-mobile: 120px;--hy-reels-gap: 15px;--hy-reels-radius: 12px;display:block;width:100%;min-width:0;margin:20px 0;overflow:hidden}.hy-product-reels__track{display:flex;gap:var(--hy-reels-gap);width:100%;max-width:100%;margin:0;padding:0 0 4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.hy-product-reels__track::-webkit-scrollbar{display:none}.hy-product-reels__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.hy-product-reels__card{position:relative;flex:0 0 var(--hy-reels-card-width-desktop);width:var(--hy-reels-card-width-desktop);aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--hy-reels-radius);background:#f1f1f1;scroll-snap-align:start;isolation:isolate}.hy-product-reels__open{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;color:inherit;background:transparent;cursor:pointer;touch-action:pan-x pan-y}.hy-product-reels__open:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 6px #00000073}.hy-product-reels__track.is-dragging .hy-product-reels__open{pointer-events:none}.hy-product-reels__video,.hy-product-reels__iframe{display:block;width:100%;height:100%;max-width:none!important;border:0;border-radius:inherit;object-fit:cover;background:#111;pointer-events:none}.hy-product-reels[data-video-fit=contain] .hy-product-reels__video{object-fit:contain}.hy-product-reels__empty{margin:0;padding:12px;border:1px dashed rgb(0 0 0 / 24%);border-radius:8px;color:#555;font-size:12px;line-height:1.5;background:#00000008}html.hy-reels-modal-open,html.hy-reels-modal-open body{overflow:hidden;overscroll-behavior:none}.hy-reels-modal[hidden]{display:none}.hy-reels-modal{position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.hy-reels-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hy-reels-modal__dialog{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(410px,calc(100vw - 152px));height:min(calc(100dvh - 48px),920px);max-height:calc(100vh - 48px);overflow:visible;border:0;border-radius:16px;color:#fff;background:transparent}.hy-reels-modal__stage{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);border-bottom:0;border-radius:16px 16px 0 0;background:#080808;box-shadow:0 24px 90px #0000008c;touch-action:none}.hy-reels-modal__video,.hy-reels-modal__iframe{display:block;width:100%;height:100%;max-width:100%;max-height:100%;border:0;object-fit:contain;background:#080808}.hy-reels-modal__button{position:absolute;z-index:4;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 255 255 / 38%);border-radius:999px;color:#fff;background:#00000094;box-shadow:0 2px 16px #00000052;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hy-reels-modal__button:hover{background:#000000d1}.hy-reels-modal__button:focus-visible,.hy-reels-modal__add:focus-visible{outline:2px solid #fff;outline-offset:2px}.hy-reels-modal__button svg{width:24px;height:24px;pointer-events:none}.hy-reels-modal__close{top:12px;right:12px}.hy-reels-modal__previous,.hy-reels-modal__next{position:fixed;top:50%;border-radius:10px;background:#141414e0;box-shadow:-3px -3px #25f4ee,3px 3px #fe2c55,0 8px 24px #0000007a!important;transform:translateY(-50%)}.hy-reels-modal__previous{left:20px}.hy-reels-modal__next{right:20px}.hy-reels-modal__swipe-hint{position:absolute;z-index:3;bottom:104px;left:50%;margin:0;padding:7px 11px;border-radius:999px;color:#fff;font-size:11px;line-height:1.2;background:#00000094;opacity:0;pointer-events:none;transform:translate(-50%)}.hy-reels-modal.is-open .hy-reels-modal__swipe-hint{animation:hy-reels-swipe-hint 3.2s ease both}.hy-reels-modal__footer{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:88px;padding:12px;border:1px solid rgb(255 255 255 / 18%);border-top:0;border-radius:0 0 16px 16px;color:#111;background:#fff;box-shadow:0 24px 90px #0000008c}.hy-reels-modal__product-image{display:block;width:64px;height:64px;border-radius:8px;object-fit:cover;background:#f3f3f3}.hy-reels-modal__product-copy{min-width:0}.hy-reels-modal__product-title,.hy-reels-modal__product-price{margin:0}.hy-reels-modal__product-title{overflow:hidden;color:#111;font-size:14px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.hy-reels-modal__product-price{margin-top:3px;color:#333;font-size:13px;line-height:1.2}.hy-reels-modal__add{min-width:112px;min-height:44px;padding:10px 16px;border:1px solid #111;border-radius:4px;color:#fff;font-size:13px;font-weight:600;background:#111;cursor:pointer}.hy-reels-modal__add:disabled{border-color:#aaa;background:#aaa;cursor:not-allowed}@keyframes hy-reels-swipe-hint{0%,72%{opacity:0}12%,58%{opacity:1}to{opacity:0}}@media(max-width:767px){.hy-product-reels__card{flex-basis:var(--hy-reels-card-width-mobile);width:var(--hy-reels-card-width-mobile)}.hy-reels-modal{padding:max(24px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))}.hy-reels-modal__dialog{width:min(304px,calc(100vw - 96px));height:min(80dvh,690px);max-height:calc(100dvh - 48px);border-radius:14px}.hy-reels-modal__previous,.hy-reels-modal__next{position:absolute;top:calc((100% - 118px)/2);bottom:auto;width:40px;height:40px;transform:translateY(-50%)}.hy-reels-modal__previous{left:-44px}.hy-reels-modal__next{right:-44px}.hy-reels-modal__close{top:8px;right:8px;width:40px;height:40px}.hy-reels-modal__footer{grid-template-columns:46px minmax(0,1fr);gap:9px;min-height:118px;padding:10px;border-radius:0 0 14px 14px}.hy-reels-modal__stage{border-radius:14px 14px 0 0}.hy-reels-modal__product-image{width:46px;height:46px}.hy-reels-modal__add{grid-column:1 / -1;width:100%;min-height:40px;padding:8px 12px}.hy-reels-modal__swipe-hint{bottom:126px}}@media(max-width:420px){.hy-reels-modal__footer{grid-template-columns:42px minmax(0,1fr)}.hy-reels-modal__product-title,.hy-reels-modal__product-price{font-size:12px}.hy-reels-modal__add{min-width:0;font-size:12px}}@media(prefers-reduced-motion:reduce){.hy-product-reels__track{scroll-behavior:auto}.hy-reels-modal.is-open .hy-reels-modal__swipe-hint{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hy-product-reels.css.map */