.card{position:relative;height:100%;background:var(--surface);border:1px solid var(--line);transition:border-color var(--ease)}.card:hover,.card:focus-within{border-color:var(--accent)}.card__image{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}.card__image img{width:100%;height:100%;object-fit:cover}.card__badge{position:absolute;top:10px;left:10px;padding:4px 6px;background:var(--ink);color:var(--bg)}.card__body{display:grid;gap:6px;padding:14px var(--unit) var(--unit)}.card__name{font-size:var(--name-size);line-height:1.05}.card__link{text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__link:focus-visible{outline:none}.card:has(.card__link:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.card__shades{display:flex;gap:4px}.card__dot{width:14px;height:14px;border:1px solid rgba(var(--ink-rgb),.5)}.card__price{font-weight:600}.price__was{margin-left:8px;color:var(--muted);font-weight:400}.card--sold-out .card__image img{opacity:.6}@media(max-width:560px){.card__body{padding:10px 12px 14px}.card__name{font-size:var(--name-size-sm)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--unit) * 10),1fr));gap:var(--unit);margin:0;padding:0;list-style:none}@media(max-width:560px){.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-card.css.map */
