.tsh-section{padding:3rem 0 5rem}.tsh-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem;padding-bottom:1.1rem;border-bottom:1px solid var(--tcl-line)}.tsh-filters{display:flex;flex-wrap:wrap;gap:.5rem}.tsh-fbtn{height:40px;padding:0 1.1rem;cursor:pointer;border:1px solid var(--tcl-line-2);background:#ffffff08;color:#ffffffbf;font:700 .8rem var(--tcl-cond);letter-spacing:.14em;text-transform:uppercase;transition:all .2s}.tsh-fbtn:hover{border-color:#ffffff73;color:#fff}.tsh-fbtn.active{border-color:var(--tcl-accent);background:#00c4a71f;color:#fff}.tsh-sort{display:inline-flex;align-items:center;gap:.55rem;height:40px;padding:0 1rem;border:1px solid var(--tcl-line-2);background:#ffffff08;font:700 .8rem var(--tcl-cond);letter-spacing:.12em;text-transform:uppercase}.tsh-sort span{color:#ffffffa3}.tsh-sort select{background:transparent;border:none;color:var(--tcl-text);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.tsh-sort select option{background:#111;color:#fff;text-transform:none;letter-spacing:0}.tsh-grid{display:grid;grid-template-columns:repeat(var(--tsh-cols, 3),1fr);gap:1.4rem}.tsh-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--tcl-panel);border:1px solid var(--tcl-line);overflow:hidden;transition:border-color .3s,transform .3s,background .3s,opacity .6s}.tsh-card:hover{border-color:#00c4a78c;transform:translateY(-3px)}.tsh-media{position:relative;aspect-ratio:var(--tsh-ratio, 1 / 1);overflow:hidden;background:#111}.tsh-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.tsh-card:hover .tsh-img{transform:scale(1.06)}.tsh-noimg{display:grid;place-items:center;height:100%;font:900 4rem var(--tcl-cond);color:var(--tcl-dim)}.tsh-num{position:absolute;z-index:3;left:1.1rem;top:.8rem;font:900 2.6rem/1 var(--tcl-cond);letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.8);transition:color .3s,-webkit-text-stroke-color .3s}.tsh-card:hover .tsh-num{color:var(--tcl-accent);-webkit-text-stroke-color:var(--tcl-accent)}.tsh-badge{position:absolute;z-index:3;right:1rem;top:1rem;background:var(--tcl-accent);color:#000;font:700 .68rem var(--tcl-cond);letter-spacing:.14em;text-transform:uppercase;padding:.3rem .65rem}.tsh-badge--soon{background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tsh-title{font:900 1.7rem/1.05 var(--tcl-cond);letter-spacing:.03em;text-transform:uppercase;color:var(--tcl-text)}.tsh-text{margin:.6rem 0 0;font-size:.85rem;line-height:1.6;color:var(--tcl-muted)}.tsh-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tsh-count{font:600 .74rem var(--tcl-cond);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}.tsh-cta{font:700 .78rem var(--tcl-cond);letter-spacing:.16em;text-transform:uppercase;color:var(--tcl-accent);white-space:nowrap}.tsh-cta span{display:inline-block;transition:transform .2s}.tsh-card:hover .tsh-cta span{transform:translate(5px)}.tsh-all{margin-top:2.5rem;text-align:center}.tsh-grid--classic .tsh-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(8,8,8,.5),transparent 45%)}.tsh-grid--classic .tsh-body{display:flex;flex-direction:column;flex:1;padding:1.3rem 1.4rem 1.4rem}.tsh-grid--classic .tsh-foot{margin-top:auto;padding-top:1.2rem}.tsh-grid--classic .tsh-card.is-first{grid-column:1 / -1;display:grid;grid-template-columns:1.4fr 1fr}.tsh-grid--classic .tsh-card.is-first .tsh-media{aspect-ratio:auto;min-height:360px}.tsh-grid--classic .tsh-card.is-first .tsh-body{justify-content:center;padding:2.4rem}.tsh-grid--classic .tsh-card.is-first .tsh-title{font-size:2.8rem}.tsh-grid--classic .tsh-card.is-first .tsh-foot{margin-top:1.6rem;padding-top:0}.tsh-grid--overlay .tsh-card{background:#000}.tsh-grid--overlay .tsh-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to top,#000000e0,#0006 38%,#0000 65%);transition:opacity .4s}.tsh-grid--overlay .tsh-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.4rem 1.5rem 1.3rem}.tsh-grid--overlay .tsh-text{max-height:0;opacity:0;overflow:hidden;margin-top:0;color:#ffffffbf;transition:max-height .45s ease,opacity .35s ease,margin .35s ease}.tsh-grid--overlay .tsh-card:hover .tsh-text,.tsh-grid--overlay .tsh-card:focus-visible .tsh-text{max-height:5.5em;opacity:1;margin-top:.55rem}.tsh-grid--overlay .tsh-foot{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.18)}.tsh-grid--overlay .tsh-card.is-first{grid-column:1 / -1}.tsh-grid--overlay .tsh-card.is-first .tsh-media{aspect-ratio:21 / 9}.tsh-grid--overlay .tsh-card.is-first .tsh-title{font-size:3rem}.tsh-grid--overlay .tsh-card.is-first .tsh-body{padding:2rem 2.2rem 1.8rem}.tsh-js .tsh-card{opacity:0;transform:translateY(26px)}.tsh-js .tsh-card.tsh-in{opacity:1;transform:none}.tsh-js .tsh-card.tsh-in:hover{transform:translateY(-3px)}@media(hover:none){.tsh-grid--overlay .tsh-text{max-height:5.5em;opacity:1;margin-top:.55rem}}@media(max-width:1100px){.tsh-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.tsh-grid--classic .tsh-card.is-first{display:flex}.tsh-grid--classic .tsh-card.is-first .tsh-media{aspect-ratio:var(--tsh-ratio, 1 / 1);min-height:0}.tsh-grid--classic .tsh-card.is-first .tsh-body{padding:1.3rem 1.4rem 1.4rem}.tsh-grid--classic .tsh-card.is-first .tsh-title{font-size:1.9rem}.tsh-grid--classic .tsh-card.is-first .tsh-foot{margin-top:auto;padding-top:1.2rem}.tsh-grid--overlay .tsh-card.is-first .tsh-media{aspect-ratio:16 / 10}.tsh-grid--overlay .tsh-card.is-first .tsh-title{font-size:2.1rem}}@media(max-width:640px){.tsh-grid{grid-template-columns:1fr;gap:1rem}.tsh-num{font-size:2.1rem}.tsh-toolbar{align-items:stretch}.tsh-sort{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.tsh-js .tsh-card{opacity:1;transform:none}.tsh-section *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/tpx-shop.css.map */