.y-card{display:flex;flex-direction:column;gap:10px;min-width:0}.y-card__frame{isolation:isolate}.y-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.y-card__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:opacity .35s ease}.y-card__layer img,.y-card__layer svg{display:block;width:100%;height:100%;object-fit:cover}.y-card__layer svg.y-placeholder{fill:var(--y-muted)}.y-card__layer--2{opacity:0}.y-card__badge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 6px;background:var(--y-ink);color:var(--y-paper);font-family:var(--y-mono);font-weight:400;font-size:var(--m-micro);letter-spacing:-.02em;line-height:1.3;text-transform:uppercase;pointer-events:none}.y-card__thumb{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:58px;overflow:hidden;border:1px solid var(--y-paper);background:var(--y-paper);opacity:0;transition:opacity .35s ease;pointer-events:none}.y-card__thumb img{display:block;width:100%;height:100%;object-fit:cover}.y-card__bar{position:absolute;right:12px;bottom:12px;left:12px;z-index:3;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;border:0;border-radius:0;background:var(--y-ink);color:var(--y-paper);font-family:var(--y-mono);font-size:var(--m-ui);font-weight:400;letter-spacing:-.02em;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;transform:translateY(calc(100% + 16px));transition:transform .35s var(--y-ease)}.y-card__bar--sold{justify-content:center;border:var(--y-line);background:var(--y-paper);color:var(--y-ink);cursor:default;transform:none}.y-card__bar[data-y-add].is-loading{opacity:.6}@media(hover:hover){.y-card__frame:has(.y-card__layer--2):hover .y-card__layer--1{opacity:0}.y-card__frame:hover .y-card__layer--2{opacity:1}.y-card__frame:hover .y-card__bar{transform:translateY(0)}.y-card__frame:hover .y-card__thumb{opacity:1}}.y-card__frame:focus-within .y-card__bar{transform:translateY(0)}.y-card__frame:focus-within .y-card__thumb{opacity:1}@media(hover:none){.y-card__bar{transform:none}}.y-card__price{display:none;margin:0;font-size:var(--m-ui)}@media(max-width:759px){.y-card__bar,.y-card__thumb{display:none}.y-card__price{display:block}}.y-card__info{display:flex;flex-direction:column;gap:2px}.y-card__title{color:inherit;font-size:var(--m-name);line-height:1.13;text-decoration:none;font-family:var(--y-mono);font-weight:400;letter-spacing:-.02em;text-transform:uppercase}.y-card__title:hover{text-decoration:underline;text-underline-offset:3px}.y-card__meta{margin:0;font-size:var(--t-small);letter-spacing:.02em;color:var(--y-muted);font-family:var(--y-sans);font-weight:300;text-transform:none}.y-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 12px;margin:0;padding:0;list-style:none}@media(min-width:760px){.y-card-grid{grid-template-columns:repeat(3,1fr);gap:24px 16px}}@media(min-width:1024px){.y-card-grid{grid-template-columns:repeat(var(--y-grid-cols, 3),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/y-card.css.map */