.card{position:relative;display:flex;flex-direction:column;height:100%}.card__media{position:relative;overflow:hidden;background-color:var(--color-background-secondary);border-radius:var(--border-radius)}.card__media:before{content:"";display:block;padding-top:125%}.card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow),opacity var(--transition-medium)}.card__media img:nth-child(2){opacity:0}.card:hover .card__media img:first-child{opacity:0}.card:hover .card__media img:nth-child(2){opacity:1}.card:hover .card__media img{transform:scale(1.05)}.card__badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.5rem;z-index:2}.card__actions{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;z-index:2;opacity:0;transform:translateY(10px);transition:opacity var(--transition-medium),transform var(--transition-medium)}.card:hover .card__actions{opacity:1;transform:translateY(0)}.card__quick-add{width:100%;padding:.875rem 1.5rem;background-color:var(--color-background);color:var(--color-text);border:none;font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.card__quick-add:hover{background-color:var(--color-accent);color:var(--color-background)}.card__content{padding:1rem 0;flex:1;display:flex;flex-direction:column}.card__vendor{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.card__title{font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1.4;margin-bottom:.5rem;text-transform:none}.card__title a{transition:color var(--transition-fast)}.card__title a:hover{color:var(--color-accent)}.card__price{margin-top:auto;display:flex;align-items:center;gap:.5rem}.card__price-regular{font-family:var(--font-heading);font-size:1rem;letter-spacing:.02em}.card__price-sale{font-family:var(--font-heading);font-size:1rem;letter-spacing:.02em;color:var(--color-sale)}.card__price-compare{font-size:.8125rem;color:var(--color-text-muted);text-decoration:line-through}.card__variants{display:flex;gap:.375rem;margin-top:.75rem}.card__variant-swatch{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast)}.card__variant-swatch:hover{transform:scale(1.2)}.card__variant-swatch.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-accent)}.card--skeleton .card__media{background:linear-gradient(90deg,var(--color-background-secondary) 0%,rgba(255,255,255,.05) 50%,var(--color-background-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.card--skeleton .card__title,.card--skeleton .card__price{height:1rem;background:var(--color-background-secondary);border-radius:2px}.card--skeleton .card__title{width:80%;margin-bottom:.75rem}.card--skeleton .card__price{width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.collection-card{position:relative;display:block;overflow:hidden;border-radius:var(--border-radius)}.collection-card__media{position:relative;overflow:hidden}.collection-card__media:before{content:"";display:block;padding-top:100%}.collection-card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.collection-card:hover .collection-card__media img{transform:scale(1.08)}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);display:flex;align-items:flex-end;padding:1.5rem}.collection-card__title{font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.75rem);text-transform:uppercase;letter-spacing:.05em;color:#fff}.collection-card__count{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:0;color:#ffffffb3;margin-top:.25rem}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-card.css.map */