.longbox-grid{gap:var(--s-3);background:var(--ink);padding:var(--s-3);isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid}.longbox-card{aspect-ratio:2/3;background:var(--surface);text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:block;position:relative;overflow:visible}.longbox-card>img,.longbox-card [style*=object-fit]{overflow:hidden}@media (hover:hover){.longbox-card:hover{z-index:10;transform:perspective(600px)rotateY(-6deg)scale(1.09)translateY(-4px);box-shadow:8px 12px 28px #000000d9}}.longbox-card--key{outline:2px solid var(--yellow);outline-offset:-2px}.longbox-card-foot{padding:var(--s-16) var(--s-4) var(--s-4);pointer-events:none;background:linear-gradient(#0000 0%,#000000e0 100%);position:absolute;bottom:0;left:0;right:0}.longbox-card-num{font-family:var(--font-bebas);color:var(--white);text-align:center;letter-spacing:.04em;font-size:.62rem;line-height:1}.longbox-card-price{font-family:var(--font-jetbrains);color:var(--yellow);text-align:center;margin-top:var(--s-2);font-size:.62rem;line-height:1}.longbox-card-key-badge{background:var(--yellow);color:var(--ink);font-family:var(--font-bebas);letter-spacing:.08em;padding:var(--s-2) var(--s-4);pointer-events:none;font-size:.48rem;line-height:1.2;position:absolute;top:0;right:0}.longbox-card-no-cover{font-family:var(--font-bebas);color:var(--dim);background:#ffffff08;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}