/* Tundra Play — карточки каталога: премиальные product cards */
.rl-view{overflow-x:auto;overflow-y:hidden;touch-action:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;cursor:auto;-webkit-mask-image:none;mask-image:none}
.rl-view::-webkit-scrollbar{display:none}
.rl-track{display:flex;width:max-content;gap:1.25rem;will-change:auto;transform:none!important}
.rl-card{width:clamp(11.25rem,17.5vw,14rem);min-width:0;position:relative;border:1px solid var(--line-3,#e8e8ee);border-radius:1.25rem;background:#fff;box-shadow:0 1px 2px rgba(20,18,26,.04);overflow:hidden;transition:transform 160ms ease,border-color 160ms ease,box-shadow 180ms ease}
.rl-card{flex:none;scroll-snap-align:start}
.rl-card:nth-child(even){transform:none}
@media(hover:hover) and (pointer:fine){.rl-card:hover{transform:translateY(-4px);border-color:var(--pink-line,rgba(255,31,122,.28));box-shadow:0 1.75rem 2.75rem -1.5rem rgba(20,18,26,.35)}}
.rl-card:active{transform:translateY(-1px) scale(.99)}
.rl-card.is-source{opacity:0;transition:opacity 160ms linear}
.rl-card[hidden]{display:none}
.rl-card-open{display:grid;grid-template-rows:auto 1fr;gap:0;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.rl-card-open:focus-visible{outline:none}
.rl-card-open:focus-visible .rl-art{outline:2px solid var(--pink,#ff1f7a);outline-offset:3px}
.rl-art{position:relative;display:block;aspect-ratio:460/215;overflow:hidden;background:radial-gradient(circle at 50% 35%,#392b3d,#15121a 76%)}
.rl-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.rl-card:hover .rl-art img{transform:none}
.rl-art .rl-mock{position:absolute;inset:0;display:grid;place-items:center;background:var(--tone,#14121a)}
.rl-art .rl-mock b{color:#fff;font:700 .82rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.92}
.rl-art-veil{position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(180deg,rgba(12,10,16,0) 0%,rgba(12,10,16,.5) 78%,rgba(12,10,16,.62) 100%);pointer-events:none}
.rl-status{position:absolute;left:.7rem;bottom:.7rem;display:inline-flex;align-items:center;gap:.4rem;max-width:calc(100% - 1.4rem);padding:.32rem .62rem;border-radius:999px;background:rgba(255,255,255,.96);color:#14131a;font:600 .62rem/1 var(--mono);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 .3rem .8rem -.4rem rgba(12,10,16,.5)}
.rl-status i{flex:none;width:.4rem;height:.4rem;border-radius:50%;background:var(--ok,#1fbf75)}
.rl-status.is-empty i{background:var(--idle,#b9b3c1)}

.rl-copy{display:grid;gap:.35rem;min-width:0;min-height:4.5rem;padding:.65rem .75rem .75rem}
.rl-copy strong{font-size:.86rem;font-weight:650;letter-spacing:-.022em;color:var(--fg,#14131a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-card-open:hover .rl-copy strong{color:var(--pink-deep,#e8106a)}
.rl-meta{display:none}
.rl-meta i{flex:none;width:.22rem;height:.22rem;border-radius:50%;background:var(--line-strong,#d6d2dc)}
.rl-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:0;padding-top:0;border-top:0}
.rl-price{min-width:0;display:grid;gap:.12rem}
.rl-price b{font-size:.73rem;font-weight:620;color:var(--fg-2,#3a353f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-go{display:inline-flex;align-items:center;gap:.35rem;flex:none;color:var(--pink-deep,#e8106a);font-size:.7rem;font-weight:640;opacity:0;transform:translateX(-.35rem);transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1)}
.rl-go svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rl-card:hover .rl-go,.rl-card:focus-within .rl-go,.rl-stage.is-filtered .rl-go{opacity:1;transform:none}
.rl-nav{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem;color:var(--muted,#77717f);font:600 .65rem/1 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.rl-nav button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--line-3,#e8e8ee);border-radius:50%;background:#fff;color:var(--fg,#14131a);font:400 1.6rem/1 sans-serif;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}
.rl-nav button:not(:disabled):hover{border-color:var(--pink,#ff1f7a);background:var(--pink,#ff1f7a);color:#fff;transform:translateY(-2px)}
.rl-nav button:disabled{opacity:.35;cursor:default}
.rl-nav button:focus-visible{outline:2px solid var(--pink,#ff1f7a);outline-offset:3px}
.rl-stage.is-filtered .rl-nav{display:none}

/* скелетон, пока каталог грузится */
.rl-skel{display:grid;gap:1rem;border:1px solid var(--line-3,#e8e8ee);border-radius:1.25rem;background:#fff;overflow:hidden;padding:0}
.rl-sk-art{aspect-ratio:3/4;background:linear-gradient(100deg,#f2f2f6 40%,#fafafc 50%,#f2f2f6 60%);background-size:200% 100%;animation:rl-shimmer 1.4s linear infinite}
.rl-sk-line{height:.72rem;border-radius:99px;background:linear-gradient(100deg,#f2f2f6 40%,#fafafc 60%);background-size:200% 100%;animation:rl-shimmer 1.4s linear infinite}
.rl-sk-line.w2{width:62%}
@keyframes rl-shimmer{to{background-position:-200% 0}}

@media (max-width:760px){
  .rl-nav{display:none}
  .rl-track [data-rail-copy="b"]{display:none}
  .rl-card{width:clamp(9.75rem,42vw,11.5rem)}
  .rl-card{scroll-snap-align:start}
  .rl-go{font-size:0;gap:0}
  .rl-go svg{width:1rem;height:1rem}
  .rl-copy strong{font-size:.82rem}
  .rl-status{font-size:.58rem;padding:.28rem .5rem}
  .rl-copy{min-height:4.3rem;padding:.6rem .7rem .7rem}
}
@media (prefers-reduced-motion:reduce){
  .rl-card,.rl-art,.rl-go{transition:none}
  .rl-card:hover{transform:none}
  .rl-go,.rl-stage.is-filtered .rl-go{opacity:1;transform:none}
  .rl-sk-art,.rl-sk-line{animation:none;background:#f2f2f6}
}