.tt-reels{max-width:var(--layout-max-width, 1400px);margin:2rem auto;padding:0 12px}.tt-reels__head{margin-bottom:1rem}.tt-reels__title{font-size:clamp(20px,4vw,28px);font-weight:900;margin:0 0 .2rem}.tt-reels__sub{color:#667;font-size:14px;margin:0}.tt-reels--empty{max-width:640px;margin:2rem auto;padding:1.5rem;text-align:center;background:#f6f7f7;border:1px dashed #cbd5d4;border-radius:2px;color:#45534f;font-size:14px}.tt-reels--empty code{background:#0360661a;color:#036066;padding:.1em .35em;border-radius:3px}.tt-reels__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin}.tt-reels__track::-webkit-scrollbar{height:6px}.tt-reels__track::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.tt-reel{position:relative;flex:0 0 auto;width:220px;scroll-snap-align:start;border-radius:2px;overflow:hidden;background:#000}.tt-reel__media{position:relative;aspect-ratio:9 / 16;background:#111}.tt-reel__badge{position:absolute;top:8px;left:8px;z-index:2;background:#e40e13;color:#fff;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:3px 7px;border-radius:2px}.tt-reels-fs .tt-reel__badge{top:calc(env(safe-area-inset-top,0px) + 14px);left:14px;font-size:12px}.tt-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tt-reel__playpause{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.tt-reel__play-icon{width:54px;height:54px;border-radius:50%;background:#00000073;color:#fff;display:grid;place-items:center;font-size:20px;padding-left:3px;opacity:0;transition:opacity .2s ease}.tt-reel.is-paused .tt-reel__play-icon{opacity:1}.tt-reel__mute{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;cursor:pointer;background:#00000073;color:#fff;border-radius:50%;line-height:1;display:grid;place-items:center;z-index:2}.tt-reel__mute-ico{width:18px;height:18px;fill:#fff;display:none}.tt-reel__mute.is-muted .tt-reel__mute-ico--off{display:block}.tt-reel__mute:not(.is-muted) .tt-reel__mute-ico--on{display:block}.tt-reel__share{position:absolute;top:48px;right:8px;width:34px;height:34px;border:0;cursor:pointer;background:#00000073;color:#fff;border-radius:50%;line-height:1;display:grid;place-items:center;z-index:2}.tt-reel__share svg{width:17px;height:17px;fill:#fff}.tt-reel-share{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex}.tt-reel-share[hidden]{display:none}.tt-reel-share__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.tt-reel-share.is-open .tt-reel-share__backdrop{opacity:1}.tt-reel-share__panel{position:relative;background:#fff;width:100%;margin-top:auto;border-radius:16px 16px 0 0;padding:6px 16px calc(env(safe-area-inset-bottom,0px) + 16px);transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1)}.tt-reel-share.is-open .tt-reel-share__panel{transform:translateY(0)}.tt-reel-share.is-dragging .tt-reel-share__panel{transition:none}.tt-reel-share__grabber{padding:8px 0 12px;display:flex;justify-content:center;cursor:grab;touch-action:none}.tt-reel-share__grabber span{width:40px;height:4px;border-radius:4px;background:#0003}.tt-reel-share__title{font-size:15px;font-weight:800;margin:0 0 12px;color:#16211f}.tt-reel-share__opts{display:flex;flex-direction:column;gap:6px}.tt-reel-share__opt{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:13px 14px;border:1px solid #e2e8e7;border-radius:8px;background:#fff;color:#16211f;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;text-align:left}.tt-reel-share__opt:hover{background:#f4f7f7;border-color:#036066}.tt-menu-ico{width:20px;height:20px;fill:#036066;flex:0 0 auto}.tt-menu-label{min-width:0}.tt-menu-sep{height:1px;background:#00000014;margin:4px 2px}.tt-reel-share__native{background:#036066;color:#fff;border-color:#036066}.tt-reel-share__native .tt-menu-ico{fill:#fff}.tt-reel-share__native:hover{background:#024b50;color:#fff}.tt-menu-fav.is-active{color:#e40e13;border-color:#e40e13}.tt-menu-fav.is-active .tt-menu-ico{fill:#e40e13}.tt-menu-report{color:#a2560a}.tt-menu-report .tt-menu-ico{fill:#a2560a}@media(min-width:1000px){.tt-reel-share{align-items:center;justify-content:center}.tt-reel-share__panel{margin:auto;max-width:360px;border-radius:12px;padding:20px;transform:translateY(20px) scale(.97);opacity:0;transition:transform .28s ease,opacity .28s ease}.tt-reel-share.is-open .tt-reel-share__panel{transform:none;opacity:1}.tt-reel-share__grabber{display:none}}@media(prefers-reduced-motion:reduce){.tt-reel-share__panel,.tt-reel-share__backdrop{transition:opacity .2s ease}}.tt-reel__overlay{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,#000000bf 55%);display:flex;flex-direction:column;gap:8px}.tt-reel__caption{color:#fff;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tt-reel__coupon{align-self:flex-start;background:#fffffff2;color:#036066;font-size:11px;font-weight:700;padding:3px 8px;border-radius:2px;border:1px dashed #036066}.tt-reel__coupon b{font-weight:900;letter-spacing:.03em}.tt-reel__prod{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;min-width:0;background:#ffffff29;padding:7px 9px;border-radius:2px;transition:background .15s ease}.tt-reel__prod:hover,.tt-reel__prod:focus-visible{background:#ffffff47;outline:none}.tt-reel__prod:active{background:#ffffff57}.tt-reel__thumb{flex:0 0 auto;width:44px;height:44px;border-radius:2px;object-fit:cover;background:#fff}.tt-reel__info{display:flex;flex-direction:column;min-width:0;line-height:1.25}.tt-reel__name{font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-reel__price{font-size:13px;display:flex;align-items:baseline;gap:5px}.tt-reel__price s{opacity:.7;font-size:11px}.tt-reel__price b{font-weight:900}.tt-reel__add{display:block;width:100%;border:0;cursor:pointer;text-align:center;text-decoration:none;background:#e40e13;color:#fff;font-weight:800;font-size:13.5px;padding:9px 10px;border-radius:2px;transition:background .15s ease}.tt-reel__add:hover{background:#c50b10}.tt-reel__add--soldout{background:#55605e}.tt-reel__add:disabled{opacity:.7;cursor:default}@media(min-width:750px){.tt-reel{width:240px}}.tt-reels__track .tt-reel__playpause{cursor:zoom-in}.tt-reels-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);will-change:transform}.tt-reels-fs[hidden]{display:none}.tt-reels-fs.is-open{transform:translateY(0)}.tt-reels-fs.is-dragging{transition:none}.tt-reels-fs__viewport{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tt-reels-fs__viewport::-webkit-scrollbar{display:none}.tt-reels-fs__grabber{position:fixed;top:0;left:0;right:0;height:46px;z-index:4;display:flex;justify-content:center;align-items:flex-start;padding-top:calc(env(safe-area-inset-top,0px) + 8px);touch-action:none;cursor:grab}.tt-reels-fs__grabber span{width:40px;height:4px;border-radius:4px;background:#ffffffa6}.tt-reels-fs__controls{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;z-index:5;display:flex;flex-direction:column;gap:10px}.tt-reels-fs__ctrl{width:40px;height:40px;border:0;cursor:pointer;border-radius:50%;background:#00000080;color:#fff;display:grid;place-items:center}.tt-reels-fs__ctrl svg{width:20px;height:20px;fill:#fff}.tt-reels-fs__ctrl .tt-fs-ico{display:none}.tt-reels-fs__ctrl.is-muted .tt-fs-ico--off{display:block}.tt-reels-fs__ctrl:not(.is-muted) .tt-fs-ico--on{display:block}.tt-reels-fs .tt-reel__mute,.tt-reels-fs .tt-reel__share{display:none}.tt-reels-fs__hint{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translate(-50%);z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;background:#0000006b;padding:8px 16px;border-radius:22px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .5s ease,transform .5s ease;opacity:1}.tt-reels-fs__hint.is-hidden{opacity:0;transform:translate(-50%) translateY(8px)}.tt-reels-fs__hint-arrow{width:22px;height:22px;animation:ttHintBounce 1.15s ease-in-out infinite}@keyframes ttHintBounce{0%,to{transform:translateY(2px)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.tt-reels-fs__hint-arrow{animation:none}}@media(prefers-reduced-motion:reduce){.tt-reels-fs{transition:opacity .2s ease;transform:none;opacity:0}.tt-reels-fs.is-open{opacity:1;transform:none}}.tt-reels-fs .tt-reel{width:100%;height:100%;max-width:500px;margin:0 auto;scroll-snap-align:start;border-radius:0;background:#000}.tt-reels-fs .tt-reel__media{height:100%;aspect-ratio:auto}.tt-reels-fs .tt-reel__video{object-fit:contain}.tt-reels-fs .tt-reel__count{top:calc(env(safe-area-inset-top,0px) + 14px);left:14px;font-size:13px}.tt-reels-fs .tt-reel__overlay{padding:16px;gap:12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.tt-reels-fs .tt-reel__caption{font-size:15px;-webkit-line-clamp:3}.tt-reels-fs .tt-reel__thumb{width:52px;height:52px}.tt-reels-fs .tt-reel__name{font-size:15px;white-space:normal}.tt-reels-fs .tt-reel__price{font-size:16px}.tt-reels-fs .tt-reel__add{font-size:16px;padding:13px;max-width:500px}.tt-reels-fs .tt-reel__play-icon{width:74px;height:74px;font-size:28px}.tt-reels-fs__nav{display:none;position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:5;flex-direction:column;gap:12px}.tt-reels-fs__nav button{width:46px;height:46px;border:0;cursor:pointer;border-radius:50%;background:#ffffff26;color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;transition:background .15s ease}.tt-reels-fs__nav button:hover{background:#ffffff4d}@media(min-width:1000px){.tt-reels-fs{background:#0a0a0a}.tt-reels-fs__grabber,.tt-reels-fs__hint{display:none}.tt-reels-fs .tt-reel{height:100vh;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:center}.tt-reels-fs .tt-reel__media{height:90vh;width:auto;aspect-ratio:9 / 16;max-height:90vh;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #0000008c}.tt-reels-fs .tt-reel__video{object-fit:cover}.tt-reels-fs__nav{display:flex}}.tt-reel__info-hint{margin-left:auto;flex:0 0 auto;color:#fff;font-size:26px;font-weight:300;line-height:1;opacity:.85}.tt-reel-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex}.tt-reel-modal[hidden]{display:none}.tt-reel-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .3s ease}.tt-reel-modal.is-open .tt-reel-modal__backdrop{opacity:1}.tt-reel-modal__panel{position:relative;background:#fff;color:#16211f;width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:88vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1)}.tt-reel-modal.is-open .tt-reel-modal__panel{transform:translateY(0)}.tt-reel-modal.is-dragging .tt-reel-modal__panel{transition:none}.tt-reel-modal__grabber{padding:10px 0 2px;display:flex;justify-content:center;cursor:grab;touch-action:none}.tt-reel-modal__grabber span{width:40px;height:4px;border-radius:4px;background:#0003}.tt-reel-modal__close{position:absolute;top:10px;right:12px;z-index:2;width:32px;height:32px;border:0;cursor:pointer;border-radius:50%;background:#0000000f;color:#16211f;font-size:18px;line-height:1}.tt-reel-modal__body{overflow-y:auto;padding:6px 18px 14px;-webkit-overflow-scrolling:touch}.tt-reel-modal__img{width:100%;max-height:240px;object-fit:contain;border-radius:2px;background:#f6f7f7}.tt-reel-modal__title{display:block;font-size:18px;font-weight:800;margin:12px 0 6px;line-height:1.25;color:#16211f;text-decoration:none}.tt-reel-modal__title:hover{text-decoration:underline}.tt-reel-modal__price{font-size:20px;font-weight:900;color:#036066;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tt-reel-modal__price s{font-size:14px;color:#999;font-weight:600}.tt-reel-modal__desc{font-size:14px;line-height:1.6;color:#45534f;margin-top:14px}.tt-reel-modal__desc img{max-width:100%;height:auto}.tt-reel-modal__desc :is(h1,h2,h3){font-size:15px}.tt-reel-modal__actions{display:flex;flex-direction:column;gap:8px;padding:12px 18px;border-top:1px solid rgba(0,0,0,.08);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.tt-reel-modal__row{display:flex;gap:8px}.tt-reel-modal__wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#25d366;color:#fff;border-radius:2px;font-weight:800;font-size:14.5px;text-decoration:none;transition:background .15s ease}.tt-reel-modal__wa:hover{background:#1ebe5a}.tt-reel-modal__wa svg{width:20px;height:20px;fill:#fff}.tt-reel-modal__add{flex:1 1 auto;border:0;cursor:pointer;background:#e40e13;color:#fff;font-weight:800;font-size:15px;padding:13px;border-radius:2px}.tt-reel-modal__add:hover{background:#c50b10}.tt-reel-modal__add:disabled{opacity:.7}.tt-reel-modal__link{flex:0 0 auto;display:grid;place-items:center;padding:13px 16px;border:1px solid #ccd6d5;border-radius:2px;color:#036066;text-decoration:none;font-weight:700;font-size:13.5px}.tt-reel-modal__fav{flex:0 0 auto;display:grid;place-items:center;width:52px;cursor:pointer;border:1.5px solid #ccd6d5;border-radius:2px;background:#fff;color:#45534f;transition:color .15s ease,border-color .15s ease,background .15s ease}.tt-reel-modal__fav-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.tt-reel-modal__fav:hover{border-color:#e40e13;color:#e40e13}.tt-reel-modal__fav.is-active{color:#e40e13;border-color:#e40e13;background:#fff5f5}.tt-reel-modal__fav.is-active .tt-reel-modal__fav-ico{fill:#e40e13;stroke:#e40e13}.tt-reel-modal__fav.is-loading{opacity:.5;pointer-events:none}.tt-reel-modal__loading{padding:40px;text-align:center;color:#8a9694;font-size:14px}@media(min-width:1000px){.tt-reel-modal{align-items:center;justify-content:center}.tt-reel-modal__panel{margin:auto;max-width:460px;border-radius:12px;max-height:86vh;transform:translateY(20px) scale(.97);opacity:0;transition:transform .28s ease,opacity .28s ease}.tt-reel-modal.is-open .tt-reel-modal__panel{transform:none;opacity:1}.tt-reel-modal__grabber{display:none}}@media(prefers-reduced-motion:reduce){.tt-reel-modal__panel{transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/tt-reels.css.map */