.product-card{position:relative}.product-card__media{position:relative;display:block;overflow:hidden;background-color:var(--color-border)}.product-card__image-wrapper{position:relative;aspect-ratio:2 / 3;overflow:hidden}.product-card__image{width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-long) var(--ease-out)}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.product-card:hover .product-card__image--primary{opacity:0}.product-card:hover .product-card__image--secondary{opacity:1}.product-card__placeholder{aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;background-color:var(--color-border)}.product-card__placeholder .placeholder-svg{width:40%;height:40%;fill:var(--color-text-secondary);opacity:.15}.product-card__media .badge{position:absolute;top:12px;left:12px;z-index:2}.product-card__quick-view{position:absolute;bottom:16px;left:50%;transform:translate(-50%) translateY(8px);z-index:2;opacity:0;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);background-color:var(--color-background);color:var(--color-text);border:none;text-align:center;justify-content:center;white-space:nowrap;padding:10px 24px;font-size:10px;letter-spacing:.14em}.product-card:hover .product-card__quick-view{opacity:1;transform:translate(-50%) translateY(0)}.product-card__info{padding:10px 4px 0}.product-card__vendor{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.product-card__title{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:400;text-transform:uppercase;letter-spacing:.04em;line-height:1.4;margin-bottom:2px}.product-card__title a{transition:opacity var(--duration-short) ease}.product-card__title a:hover{opacity:.6}.product-card__price{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--font-size-xs)}.price__regular{font-weight:600}.price--on-sale .price__regular{color:var(--color-sale);font-weight:700}.price__compare{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.price__compare s{text-decoration:line-through}.price__save-badge{display:inline-flex;align-items:center;padding:3px 8px;font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background-color:var(--color-sale);color:#fff;border-radius:2px;line-height:1}.price__from{font-size:var(--font-size-xs)}.price__unit{display:block;width:100%;font-size:10px;color:var(--color-text-secondary)}.product-card__swatches{margin-top:6px}.quantity-selector{display:inline-flex;align-items:center;border:1px solid var(--color-border)}.quantity-selector__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);transition:opacity var(--duration-short) ease;cursor:pointer}.quantity-selector__btn:hover{opacity:.6}.quantity-selector__btn:disabled{opacity:.3;cursor:not-allowed}.quantity-selector__input{width:48px;height:40px;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;background:none;-moz-appearance:textfield}.quantity-selector__input::-webkit-inner-spin-button,.quantity-selector__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.variant-picker{display:block}.variant-picker__option{border:none;padding:0;margin-bottom:16px}.variant-picker__option:last-child{margin-bottom:0}.variant-picker__label{margin-bottom:8px}.variant-picker__pills{display:flex;flex-wrap:wrap;gap:6px}.variant-picker__pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 14px;font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-border);background:none;cursor:pointer;transition:all var(--duration-short) ease}.variant-picker__pill:hover{border-color:var(--color-text)}.variant-picker__pill.is-active{background-color:var(--color-text);color:var(--color-background);border-color:var(--color-text)}.variant-picker__pill.is-unavailable{opacity:.35;text-decoration:line-through;cursor:not-allowed}.variant-picker__select-wrapper{max-width:280px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */