.tl-shelves{display:grid;gap:clamp(4rem,6vw,6.4rem);padding-top:var(--pt);padding-bottom:var(--pb)}.tl-shelf{scroll-margin-top:9rem}.tl-shelf__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.6rem 2.4rem;margin-bottom:2.4rem;padding-bottom:1.4rem;position:relative}.tl-shelf__head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(212,167,44,.55),rgba(255,255,255,.08) 40%,transparent)}.tl-shelf--feature .tl-shelf__head:after{height:2px;background:linear-gradient(90deg,#8f00ff,#0050ff,#00c3ff,#1eff00,#ffd700,#ff8a00,#ff2a00 60%,transparent);opacity:.7}.tl-shelf__title{grid-column:1;margin:0;text-transform:uppercase;letter-spacing:.04em}.tl-shelf__intro{grid-column:1;max-width:60rem;color:rgba(var(--color-foreground),.7);font-size:1.5rem}.tl-shelf__intro p{margin:0}.tl-shelf__count{grid-column:2;grid-row:1;margin:0;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.tl-shelf__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.tl-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}}.tl-sc{position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:1.4rem;background:var(--tl-surface);overflow:hidden;transition:border-color .25s var(--tl-ease-ui, ease),box-shadow .25s var(--tl-ease-ui, ease),transform .25s var(--tl-ease-ui, ease)}.tl-sc:hover,.tl-sc:focus-within{border-color:var(--tl-gold-warm);box-shadow:0 1.2rem 3.2rem #00000073,0 0 2.4rem #d4a72c1f;transform:translateY(-.3rem)}.tl-sc__media{position:relative;aspect-ratio:4 / 3;background:#0d0d0d;overflow:hidden}.tl-sc__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--tl-ease, ease)}.tl-sc:hover .tl-sc__media img{transform:scale(1.04)}.tl-sc__media:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,var(--tl-surface),transparent);pointer-events:none}.tl-sc__badge{position:absolute;top:1rem;left:1rem;z-index:1;padding:.35rem .8rem;border-radius:.6rem;background:var(--tl-gold);color:#121212;font-size:1.2rem;font-weight:700;letter-spacing:.02em}.tl-sc__body{display:flex;flex-direction:column;flex:1;gap:.8rem;padding:.4rem 1.6rem 1.6rem}.tl-sc__name{margin:0;font-size:2rem;line-height:1.15;letter-spacing:.03em;text-transform:uppercase}.tl-sc__link{color:inherit;text-decoration:none}.tl-sc__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.tl-sc__link:focus-visible{outline:none}.tl-sc:has(.tl-sc__link:focus-visible){outline:2px solid var(--tl-gold);outline-offset:2px}.tl-sc__set{display:flex;align-items:center;gap:1rem}.tl-sc__beams{display:flex;align-items:flex-end;gap:.4rem;height:2.4rem;margin:0;padding:0;list-style:none}.tl-sc .tl-bl-beam{position:relative;width:.35rem;height:100%}.tl-sc .tl-bl-beam__ray{position:absolute;inset:auto 0 0;height:100%;border-radius:.4rem;background:linear-gradient(0deg,var(--beam),color-mix(in srgb,var(--beam) 35%,transparent));filter:drop-shadow(0 0 .3rem color-mix(in srgb,var(--beam) 80%,transparent));transform-origin:bottom;transition:transform .35s var(--tl-ease, ease)}.tl-sc:hover .tl-bl-beam__ray{transform:scaleY(1.15)}.tl-sc__count{margin:0;font-size:1.3rem;color:#ffffffa6}.tl-sc__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin-top:auto;padding-top:.4rem}.tl-sc__price strong{font-size:2rem;color:var(--tl-gold-warm)}.tl-sc__price s{font-size:1.4rem;color:#ffffff73}.tl-sc__from{font-size:1.3rem;color:#fff9}.tl-sc__save{margin:0;font-size:1.3rem;line-height:1.4;color:#ffffffb3}.tl-sc__cta{width:100%;margin-top:.6rem;pointer-events:none}.tl-sc:hover .tl-sc__cta{background:var(--tl-gold);border-color:var(--tl-gold);color:#121212}.tl-sc:hover .tl-sc__cta:after{box-shadow:none}.tl-shelf--feature .tl-sc__name{font-size:2.4rem}.tl-shelf--feature .tl-sc__beams{height:3.2rem}@media(prefers-reduced-motion:no-preference){.tl-sc{animation:tl-sc-in .6s var(--tl-ease, ease) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes tl-sc-in{0%{opacity:0;transform:translateY(1.2rem)}}}@media(prefers-reduced-motion:reduce){.tl-sc,.tl-sc__media img,.tl-bl-beam__ray{transition:none}}@media screen and (max-width:749px){.tl-shelf__head{grid-template-columns:1fr}.tl-shelf__count{grid-column:1;grid-row:auto}.tl-sc__body{padding:.2rem 1.1rem 1.2rem;gap:.6rem}.tl-sc__name,.tl-shelf--feature .tl-sc__name,.tl-sc__price strong{font-size:1.7rem}.tl-sc__save,.tl-sc__count{font-size:1.2rem}.tl-sc__set{flex-wrap:wrap;gap:.4rem .8rem}.tl-sc__cta{min-height:4rem;font-size:1.2rem;padding:0 .8rem}}.tl-shelf__build{margin:0 auto;max-width:none}@media screen and (max-width:749px){.tl-shelf__build{flex-wrap:wrap}.tl-shelf__build .tl-build-promo__cta{width:100%;text-align:center}}.tl-shelves__jump ul{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}@media screen and (max-width:749px){.tl-shelves__jump{margin-left:-1.5rem;margin-right:-1.5rem}.tl-shelves__jump ul{flex-wrap:nowrap;overflow-x:auto;padding:0 1.5rem .4rem;scrollbar-width:none}.tl-shelves__jump li{flex:0 0 auto}}@media(prefers-reduced-motion:no-preference){html:has(.tl-shelves__jump){scroll-behavior:smooth}}.tl-sc--product .tl-sc__name{font-size:1.7rem;letter-spacing:.01em;text-transform:none}.tl-shelves{grid-template-columns:minmax(0,1fr)}.tl-shelves>*{min-width:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tinker-shelves.css.map */