.card{position:relative;display:flex;flex-direction:column;min-width:0}.card__frame{position:relative;display:grid;margin-block-end:11px}.card__frame>*{grid-area:1 / 1;min-width:0}.card__media-link{display:block}.card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dur) var(--ease)}@media(hover:hover){.card:hover .card__image--hover{opacity:1}}.card__badge{z-index:var(--z-raised);align-self:start;justify-self:start;margin:9px}.card__body{display:flex;flex-direction:column;gap:4px;min-width:0}.card__vendor{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-muted)}.card__title{margin:0;font-family:var(--font-body-family);font-size:13px;font-weight:600;line-height:1.35}.card__title-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .price{font-size:13px;font-weight:700}.rating{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.rating .stars{font-size:10.5px}.rating__score{font-weight:700;color:var(--color-text)}.rating__count{color:var(--color-text-muted)}.card__quick-add{z-index:var(--z-raised);align-self:end;justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;height:var(--tap);margin:10px;border:0;border-radius:calc(var(--radius-button) - 2px);background-color:rgb(var(--color-bg-rgb) / .95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text);font-family:inherit;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;text-align:center;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.card__quick-add .icon{width:13px;height:13px;stroke-width:2.4}.card__quick-add:hover{background-color:var(--color-text);color:var(--color-bg)}.card__quick-add[aria-busy=true]{opacity:.6;pointer-events:none}@media(hover:hover){.card:hover .card__quick-add,.card__quick-add:focus-visible{opacity:1;transform:none}}@media(hover:none){.card__quick-add{opacity:1;transform:none}}.card--placeholder .card__placeholder{width:100%;height:100%;fill:rgb(var(--color-text-rgb) / .12)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-card.css.map */