.tk-rec{--tk-rec-ease: cubic-bezier(.22, 1, .36, 1);--tk-rec-text: #1d1d1f;--tk-rec-text-muted: #86868b;--tk-rec-border: rgba(0, 0, 0, .08);--tk-rec-border-hover: rgba(0, 0, 0, .18);--tk-rec-card-bg: #fff;--tk-rec-foot-bg: #f5f5f7;--tk-rec-foot-border: rgba(0, 0, 0, .06);position:relative}.tk-rec--dark{--tk-rec-text: #f5f5f7;--tk-rec-text-muted: rgba(245, 245, 247, .55);--tk-rec-border: rgba(255, 255, 255, .08);--tk-rec-border-hover: rgba(255, 255, 255, .18);--tk-rec-card-bg: rgba(255, 255, 255, .04);--tk-rec-foot-bg: rgba(255, 255, 255, .06);--tk-rec-foot-border: rgba(255, 255, 255, .08)}.tk-rec__inner{position:relative}.tk-rec__header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}.tk-rec__header-left{display:flex;flex-direction:column;gap:4px;max-width:520px}.tk-rec__header-top{display:flex;align-items:center;gap:8px;margin-bottom:1px}.tk-rec__accent-line{width:18px;height:1px;background:var(--tk-rec-accent)}.tk-rec__eyebrow{font-size:.75rem;font-weight:600;color:var(--tk-rec-text-muted);letter-spacing:.16em;text-transform:uppercase}.tk-rec__heading{font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.02em;color:#1a1a1a;margin:0;line-height:1.2}.tk-rec__subheading{font-size:15px;color:#6e6e73;font-weight:400;margin:6px 0 0;line-height:1.5;letter-spacing:-.002em;max-width:600px}.tk-rec__header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.tk-rec__header-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tk-rec-text);text-decoration:none;padding:11px 22px 11px 24px;border-radius:100px;border:1px solid var(--tk-rec-border);background:transparent;white-space:nowrap;flex-shrink:0;transition:gap .7s var(--tk-rec-ease),border-color .7s var(--tk-rec-ease),background .7s var(--tk-rec-ease)}.tk-rec__header-link svg{transition:transform .7s var(--tk-rec-ease)}.tk-rec__nav{display:flex;gap:6px}.tk-rec__nav-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--tk-rec-border);background:transparent;color:var(--tk-rec-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .7s var(--tk-rec-ease),background .7s var(--tk-rec-ease),color .7s var(--tk-rec-ease),transform .7s var(--tk-rec-ease)}.tk-rec__nav-btn:active{transform:scale(.94)}.tk-rec__nav-btn[disabled]{opacity:.3;pointer-events:none}.tk-rec--layout-grid .tk-rec__list{display:grid;grid-template-columns:repeat(var(--tk-rec-cols, 3),1fr);gap:38px 28px}.tk-rec--layout-carousel .tk-rec__list{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;--tk-carousel-bleed: min(16px, var(--page-margin, 16px));margin:0 calc(-1 * var(--tk-carousel-bleed));padding:0 var(--tk-carousel-bleed) 4px}.tk-rec--layout-carousel .tk-rec__list::-webkit-scrollbar{display:none}.tk-rec--layout-carousel .tk-rec__card{flex:0 0 calc((100% - (var(--tk-rec-cols, 3) - 1) * 28px) / var(--tk-rec-cols, 3));scroll-snap-align:start}.tk-rec__card{position:relative;background:var(--tk-rec-card-bg);border:1px solid var(--tk-rec-border);border-radius:var(--tk-rec-radius, 14px);overflow:hidden;isolation:isolate;box-shadow:0 12px 28px -20px #00000080,0 3px 8px -4px #0000001f;transition:box-shadow .45s var(--tk-rec-ease),transform .45s var(--tk-rec-ease),border-color .45s var(--tk-rec-ease)}.tk-rec__card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.tk-rec__media{position:relative;overflow:hidden;background:transparent;border-top-left-radius:calc(var(--tk-rec-radius, 14px) - 1px);border-top-right-radius:calc(var(--tk-rec-radius, 14px) - 1px)}.tk-rec__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--tk-rec-ease);will-change:transform}.tk-rec__thumb--placeholder{display:flex;align-items:center;justify-content:center;opacity:.2}.tk-rec__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(0,0,0,.1) 74%,rgba(0,0,0,.34) 100%);pointer-events:none;z-index:1;opacity:.85;transition:opacity .45s var(--tk-rec-ease)}.tk-rec__badge{position:absolute;bottom:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:100px;background:#0000008c;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);font-size:.58rem;font-weight:700;color:#fff;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #0003;pointer-events:none}.tk-rec__badge-dot{width:5px;height:5px;border-radius:50%;background:var(--tk-rec-accent);box-shadow:0 0 0 2px #ced72040,0 0 8px #ced72099}.tk-rec__duration{position:absolute;bottom:10px;right:10px;z-index:3;display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;background:#000c;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.02em;font-feature-settings:"tnum";pointer-events:none}.tk-rec__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.tk-rec__play-btn{width:64px;height:46px;border-radius:13px;background:#ff0000e6;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 26px -8px #0006;transform:scale(.94);transition:transform .4s var(--tk-rec-ease),background-color .4s var(--tk-rec-ease),box-shadow .4s var(--tk-rec-ease)}.tk-rec__play-btn svg{margin-left:2px}.tk-rec__body{position:relative;padding:10px 13px 11px;display:flex;flex-direction:column;gap:9px;background:var(--tk-rec-foot-bg);border-top:1px solid var(--tk-rec-foot-border)}.tk-rec__body:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--tk-rec-accent);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--tk-rec-ease)}.tk-rec__quote{font-size:.8rem;font-style:italic;color:var(--tk-rec-text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;letter-spacing:-.005em}.tk-rec__quote-mark{color:var(--tk-rec-text-muted);font-style:normal;font-weight:700;font-size:.92rem;line-height:0;position:relative;top:.14em;margin:0 2px}.tk-rec__title{position:absolute;top:0;left:0;right:0;z-index:4;margin:0;padding:13px 15px 34px;background:linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.64) 40%,rgba(0,0,0,.24) 74%,transparent 100%);color:#fff;font-size:1.02rem;font-weight:650;line-height:1.32;letter-spacing:-.014em;text-shadow:0 1px 3px rgba(0,0,0,.45);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;pointer-events:none;transition:background .45s var(--tk-rec-ease)}.tk-rec__reviewer{display:flex;align-items:center;gap:8px}.tk-rec__avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--tk-rec-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #00000014}.tk-rec--dark .tk-rec__avatar{box-shadow:0 0 0 1px #ffffff24}.tk-rec__avatar img{width:100%;height:100%;object-fit:cover;display:block}.tk-rec__avatar-initial{font-size:.68rem;font-weight:800;color:#0a0a0b;letter-spacing:-.02em}.tk-rec__reviewer-text{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1}.tk-rec__reviewer-name{font-size:.78rem;font-weight:600;color:var(--tk-rec-text);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-width:0}.tk-rec__reviewer-handle{font-size:.72rem;color:var(--tk-rec-text-muted);letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;flex-shrink:0}.tk-rec__reviewer-name+.tk-rec__reviewer-handle:before{content:"\b7";margin-right:6px;color:var(--tk-rec-text-muted)}.tk-rec__cta{display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:700;color:red;letter-spacing:.08em;text-transform:uppercase;margin-top:1px;transition:gap .4s var(--tk-rec-ease);width:fit-content}@media(hover:hover){.tk-rec__header-link:hover{gap:12px;border-color:var(--tk-rec-border-hover);background:#00000006}.tk-rec--dark .tk-rec__header-link:hover{background:#ffffff0a}.tk-rec__header-link:hover svg{transform:translate(2px)}.tk-rec__nav-btn:hover{border-color:var(--tk-rec-border-hover);background:#00000006}.tk-rec--dark .tk-rec__nav-btn:hover{background:#ffffff0f}.tk-rec__card:hover{transform:translateY(-4px);border-color:var(--tk-rec-border-hover);box-shadow:0 26px 50px -26px #0000008c,0 10px 22px -14px #00000052}.tk-rec__card:hover .tk-rec__thumb{transform:scale(1.05)}.tk-rec__card:hover .tk-rec__scrim{opacity:1}.tk-rec__card:hover .tk-rec__play-btn{transform:scale(1.08);background:red;box-shadow:0 14px 34px -6px #ff000080,0 6px 16px -4px #0000004d}.tk-rec__card:hover .tk-rec__body:before{transform:scaleX(1)}.tk-rec__card:hover .tk-rec__title{background:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.3) 74%,transparent 100%)}.tk-rec__card:hover .tk-rec__cta{gap:9px}}.tk-rec__empty{padding:48px;text-align:center;color:var(--tk-rec-text-muted);border:1px dashed var(--tk-rec-border);border-radius:14px;font-size:.84rem}.tk-rec__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.tk-rec__modal[hidden]{display:none}.tk-rec__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);opacity:0;transition:opacity .4s var(--tk-rec-ease)}.tk-rec__modal.is-open .tk-rec__modal-backdrop{opacity:1}.tk-rec__modal-window{position:relative;width:100%;max-width:1100px;opacity:0;transform:translateY(20px) scale(.97);transition:opacity .5s var(--tk-rec-ease),transform .6s var(--tk-rec-ease)}.tk-rec__modal.is-open .tk-rec__modal-window{opacity:1;transform:none}.tk-rec__modal-iframe-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 40px 100px #0009}.tk-rec__modal-iframe-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.tk-rec__modal-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .4s var(--tk-rec-ease),transform .4s var(--tk-rec-ease),border-color .4s var(--tk-rec-ease)}@media(hover:hover){.tk-rec__modal-close:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.tk-rec__header,.tk-rec__card{opacity:1;transform:none}.tk-rec__card,.tk-rec__thumb,.tk-rec__play-btn,.tk-rec__scrim,.tk-rec__title,.tk-rec__body:before,.tk-rec__cta,.tk-rec__header-link,.tk-rec__nav-btn,.tk-rec__modal-backdrop,.tk-rec__modal-window,.tk-rec__modal-close{transition:none}}@media(max-width:1024px){.tk-rec--layout-grid .tk-rec__list{grid-template-columns:repeat(min(var(--tk-rec-cols, 3),3),1fr)}.tk-rec--layout-carousel .tk-rec__card{flex-basis:calc((100% - ((min(var(--tk-rec-cols, 3),3) - 1)*28px))/min(var(--tk-rec-cols, 3),3))}}@media(max-width:640px){.tk-rec__header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.tk-rec__header-right{width:100%;justify-content:space-between}.tk-rec--layout-grid .tk-rec__list{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-4px -8px 0;padding:4px 8px 14px;scroll-padding-inline:8px;cursor:grab}.tk-rec--layout-grid .tk-rec__list::-webkit-scrollbar{display:none}.tk-rec--layout-grid .tk-rec__list.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.tk-rec--layout-grid .tk-rec__list.is-dragging .tk-rec__card{pointer-events:none}.tk-rec--layout-grid .tk-rec__card{flex:0 0 min(82vw,320px);scroll-snap-align:start}.tk-rec--layout-grid .tk-rec__card:only-child{flex-basis:100%}.tk-rec--layout-carousel .tk-rec__list{gap:16px}.tk-rec--layout-carousel .tk-rec__card{flex-basis:calc((100% - (var(--tk-rec-cols-mobile, 1) - 1) * 16px) / var(--tk-rec-cols-mobile, 1))}.tk-rec__play-btn{width:50px;height:36px;border-radius:10px}.tk-rec__play-btn svg{width:18px;height:18px}.tk-rec__body{padding:9px 11px 10px;gap:7px}.tk-rec__title{font-size:.9rem;line-height:1.28;padding:10px 12px 26px;-webkit-line-clamp:2}.tk-rec__avatar{width:22px;height:22px}.tk-rec__reviewer-name{font-size:.74rem}.tk-rec__reviewer-handle{font-size:.68rem}.tk-rec__badge{bottom:10px;left:10px;font-size:.52rem;padding:4px 9px 4px 7px}.tk-rec__duration{font-size:.6rem;padding:3px 6px}.tk-rec__modal{padding:16px}.tk-rec__modal-close{top:-40px}}.tk-rec__cta-media{position:relative;overflow:hidden;background:linear-gradient(145deg,#212121,#181818,#282828);display:flex;align-items:center;justify-content:center}.tk-rec__cta-glow{position:absolute;top:-30%;right:-25%;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(255,0,0,.22) 0%,transparent 65%);pointer-events:none;transition:transform .8s ease,opacity .6s ease;opacity:.5}@media(hover:hover){.tk-rec__card--cta:hover .tk-rec__cta-glow{transform:scale(1.4);opacity:1}}.tk-rec__cta-media--has-thumb{background:none}.tk-rec__cta-media--has-thumb .tk-rec__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/29/assets/tk-doporucili.css.map */