.tcard{scroll-snap-align:start;animation:.6s cubic-bezier(.22,.9,.24,1) both tcardIn;animation-delay:calc(.12s + var(--i,0) * 55ms)}.tcard a{height:100%;color:inherit;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:border-color .25s, box-shadow .35s var(--ease), translate .35s var(--ease), scale .1s ease-out;flex-direction:column;text-decoration:none;display:flex;position:relative}.tcard a:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .45s var(--ease);z-index:2;position:absolute;inset:-1px -1px auto;transform:scaleX(0)}.tcard a:hover{border-color:var(--line-2);box-shadow:var(--shadow-lg);translate:0 -4px}.tcard a:hover:before{transform:scaleX(1)}.tcard a:active{scale:.99}.tcard__well{aspect-ratio:5/4;background:radial-gradient(ellipse 60% 20% at 50% 90%, #0b12201f, transparent 70%), linear-gradient(180deg, #fff 0%, var(--well) 100%);display:block;position:relative}.tcard__img{object-fit:contain;mix-blend-mode:multiply;padding:8%;transition:transform .6s cubic-bezier(.22,.9,.24,1)}.tcard a:hover .tcard__img{transform:scale(1.05)rotate(-4deg)}.tcard__body{border-top:1px solid var(--line);flex:1;align-content:start;gap:4px;padding:14px 16px 16px;display:grid}.tcard__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.tcard__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;overflow:hidden}.tcard__sizes{color:var(--text-2);font-size:13px;font-weight:600}.tcard__foot{border-top:1px dashed var(--line-2);justify-content:space-between;align-items:flex-end;gap:8px;margin-top:10px;padding-top:12px;display:flex}.tcard__price{letter-spacing:-.01em;white-space:nowrap;font-size:18px;font-weight:700}.tcard__price small{letter-spacing:0;color:var(--muted);font-size:11px;font-weight:500}.tcard__stock{letter-spacing:.08em;text-transform:uppercase;color:var(--ok);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.tcard__stock i{background:currentColor;border-radius:50%;width:7px;height:7px}.tcard__stock.is-out{color:var(--warn)}.tcard--all{grid-column:span max(1, calc(var(--cols) - var(--n,0)))}.tcard--all a{color:var(--on-accent,#fff);background:radial-gradient(ellipse 80% 60% at 100% 0%, #ffffff2e, transparent 70%), var(--accent);border-color:var(--accent);justify-content:flex-end;gap:8px;padding:22px}.tcard--all svg:first-child{opacity:.9;margin-bottom:auto}.tcard--all .tcard__name{white-space:normal;font-size:18px}.tcard__all-text{color:#ffffffd1;max-width:24ch;font-size:14px;line-height:1.45}.tcard__go{width:42px;height:42px;transition:background .2s, translate .3s var(--ease);border:1px solid #fff6;place-items:center;margin-top:8px;display:grid}.tcard--all a:hover .tcard__go{background:#ffffff29;translate:3px}.tcard--all a:before{background:#fff}.tcard--all{container-type:inline-size}@container (min-width:520px){.tcard--all a{background:radial-gradient(circle at 88% 50%, transparent 0 18%, #ffffff12 18% 30%, transparent 30% 33%, #ffffff0d 33% 36%, transparent 36%), radial-gradient(ellipse 80% 60% at 100% 0%, #ffffff2e, transparent 70%), var(--accent);grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:end;column-gap:32px;padding:clamp(24px,3vw,44px);display:grid}.tcard--all svg:first-child{grid-column:1/-1;align-self:start;width:56px;height:56px}.tcard--all .tcard__name{font-size:clamp(1.6rem,6cqi,3rem);line-height:1.05}.tcard__all-text{max-width:46ch;font-size:16px}.tcard__go{grid-area:2/2/4;align-self:end;width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.tband__svg,.tcard__img,.tcard a{transition:none}.tband__tread,.tband__spin,.tband__rvalue,.tband__num strong,.tband__sizes .tband__chip,.tcard{animation:none!important}}