.cards{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:14px;margin:-6px -16px -28px;padding:6px 16px 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}@media(min-width:768px){.cards{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;overflow:visible}}.card{display:grid;align-content:start;gap:8px;padding:10px 10px 16px;scroll-snap-align:start;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-card);box-shadow:var(--sh-md),var(--inset);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #211a140d,0 24px 48px -20px #7a3d4552,var(--inset)}.card:active{transform:scale(.985)}.card>:not(.cover){margin-inline:8px}.card .cover{position:relative;aspect-ratio:4 / 5;margin-bottom:6px;overflow:hidden;border-radius:16px;background:linear-gradient(160deg,var(--photo-a),var(--photo-b) 60%,var(--photo-c));box-shadow:inset 0 1px #fff6}.card .cover .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.card:hover .cover .shot{transform:scale(1.06)}.card .cover:after{content:attr(data-cta);position:absolute;inset-inline:12px;bottom:12px;z-index:2;padding:10px;border-radius:14px;text-align:center;font-size:.875rem;font-weight:600;background:var(--glass-solid-strong);color:var(--rose-ink);box-shadow:var(--sh-lg);opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.card:hover .cover:after,.card:focus-visible .cover:after{opacity:1;transform:none}.card .cat{font-size:.8125rem;color:var(--ink-3)}.card h2,.card h3{justify-self:start;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;line-height:1.6;background:linear-gradient(var(--rose),var(--rose)) no-repeat right bottom / 0 1.5px;transition:background-size .6s var(--ease)}.card:hover h2,.card:hover h3{background-size:100% 1.5px}.card .sum{overflow:hidden;font-size:.9375rem;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis}.facts-line{font-size:.875rem;color:var(--ink-2)}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--edge);font-weight:600}.price s{color:var(--ink-3);font-weight:400;font-size:.875rem}.price small{color:var(--ink-3);font-weight:400;font-size:.8125rem}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}.cover-art{position:absolute;inset:0;display:grid;place-content:center;gap:14px;padding:24px;text-align:center;background:var(--rose-soft);border:1px solid var(--edge);border-radius:inherit}.cover-art .m{width:76px;height:58px;margin-inline:auto;background:var(--mark) center / contain no-repeat;opacity:.85}.cover-art strong{font-weight:300;font-size:1.5rem;line-height:1.5;color:var(--ink)}.cover-art i{display:block;width:40px;height:2px;margin-inline:auto;border-radius:2px;background:var(--gold-line)}