.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:left;height:100%;display:flex;flex-direction:column;transition:transform var(--duration-long, .5s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.card:hover{transform:translateY(-4px)}.card__inner{position:relative;width:100%;border-radius:var(--card-radius);overflow:hidden}.card--portrait .card__media{aspect-ratio:2 / 3}.card--square .card__media,.card--adapt .card__media{aspect-ratio:1 / 1}.card__media{width:100%;overflow:hidden;background-color:rgba(var(--color-foreground-rgb),.03);border-radius:var(--media-radius);position:relative}.card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(var(--color-foreground-rgb),.06);pointer-events:none}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slower, .8s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),opacity var(--duration-long, .5s) ease}.media--hover-effect:hover .img-secondary{opacity:1}.media--hover-effect:hover img{transform:scale(1.06)}.img-secondary{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;transition:opacity var(--duration-default) ease,transform var(--duration-long) ease}.card__content{padding-top:1.4rem;display:flex;flex-direction:column;gap:.4rem;flex-grow:1}.card__information{text-align:left;display:flex;flex-direction:column;gap:.3rem;flex-grow:1}.card__heading{font-size:calc(var(--font-body-base-size) * 1.05);font-weight:400;margin:0;line-height:1.35;letter-spacing:.01em;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__heading a{text-decoration:none;color:inherit;transition:opacity var(--duration-default) ease}.card__heading a:hover{opacity:.7}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;font-size:calc(var(--font-body-base-size) * .95);color:rgba(var(--color-foreground-rgb),.65);margin-top:auto;padding-top:.6rem;font-family:var(--font-accent-family);letter-spacing:.02em}.price--sold-out .price-item--regular,.price--on-sale .price-item--regular{text-decoration:line-through;opacity:.6}.card__quick-add{position:absolute;bottom:0;left:0;width:100%;z-index:2;padding:12px;opacity:0;transform:translateY(8px);transition:opacity var(--duration-default, .25s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),transform var(--duration-default, .25s) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.card:hover .card__quick-add{opacity:1;transform:translateY(0)}.card__quick-add .button{background:var(--quick-add-bg);color:var(--quick-add-text);border:1px solid var(--quick-add-border);box-shadow:0 4px 20px #00000026;font-size:var(--button-font-size);letter-spacing:var(--button-letter-spacing);text-transform:uppercase;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card__quick-add .button:hover{background:var(--quick-add-hover-bg);color:var(--quick-add-hover-text)}.card__quick-add .button--quick-add{min-height:var(--tap-target-min)}.card__mobile-actions{margin-top:1rem}.card__mobile-actions .link{font-size:1.3rem;text-decoration:underline;text-underline-offset:4px}.price--sold-out .price-item--sale{text-decoration:none;color:inherit}.price--on-sale .price-item--regular{text-decoration:line-through;opacity:.6;font-size:.9em;margin-right:.5rem}.price-item--sale{color:var(--color-foreground);font-weight:400}.card__badge{position:absolute;top:1rem;left:1rem;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;pointer-events:none}.badge{font-family:var(--font-heading-family);font-size:1.1rem;padding:.5rem 1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;line-height:1.2;background:var(--color-badge-sale-bg);color:var(--color-badge-sale-text);border:none;border-radius:var(--badge-radius);box-shadow:var(--badge-shadow)}.badge--sale{background:var(--color-badge-sale-bg);color:var(--color-badge-sale-text)}.badge--sold-out{background:var(--color-badge-soldout-bg);color:var(--color-badge-soldout-text)}.badge--new{background:var(--color-badge-sale-bg);color:var(--color-badge-sale-text)}.card__media .media{height:100%;width:100%;display:block;position:relative;padding-bottom:0!important}.card--adapt .card__inner{height:100%}.card__media .media img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0}@media(hover:none)and (pointer:coarse){.card:hover,.media--hover-effect:hover img{transform:none}.card__quick-add{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-card.css.map */