.card{display:flex;flex-direction:column;gap:10px;min-width:0;height:100%}.card__media{aspect-ratio:4 / 5;border-radius:var(--radius-card);color:inherit}.card__img{transition:transform var(--duration-medium) ease}.card__img--cutout{object-fit:contain;padding:6%;mix-blend-mode:multiply}.card__img--placeholder{padding:12%;opacity:.5}.card:hover .card__img--cutout{transform:translateY(-4px)}.card:hover .card__img:not(.card__img--cutout){transform:scale(1.03)}.card__badge{position:absolute;top:14px;left:14px}.card__meta{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em;line-height:1.15}.card__title a:hover{color:var(--color-primary)}.scale-ruler{display:block;width:100%;height:18px}.card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:52px;margin-top:auto}.card__pricing{display:flex;flex-direction:column;gap:2px;min-width:0}quick-add{display:inline-flex;flex:0 0 auto}.card__form{display:contents}.card__add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-foreground);background:transparent;color:var(--color-foreground);cursor:pointer;transition:background-color var(--duration-short),color var(--duration-short),border-color var(--duration-short)}.card__add:hover{background:var(--color-foreground);color:var(--color-background)}.card__add[disabled]{border-color:var(--color-border);color:var(--color-muted);background:transparent;cursor:default}.card__add[aria-busy=true]{color:transparent;pointer-events:none}.card__add[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--color-foreground);border-right-color:transparent;animation:spin .7s linear infinite}.card__add.is-added{background:var(--color-success);border-color:var(--color-success);color:#fbf8f2}@media(max-width:767px){.card{gap:8px}.card__title{font-size:16px}.card__meta{font-size:10px;letter-spacing:.1em}.card__foot{min-height:60px}.card__add{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.card:hover .card__img--cutout,.card:hover .card__img:not(.card__img--cutout){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-card.css.map */