.card{position:relative;display:flex;flex-direction:column;gap:1.2rem}.card__media-wrap{position:relative;display:block}.card--compact .card__media-wrap{width:8rem;flex:0 0 8rem}.card__media{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--surface);aspect-ratio:3 / 4}.card__media img,.card__media .placeholder-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card__img--primary{transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.card__img--secondary{opacity:0;transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.card:hover .card__img--secondary{opacity:1}.card:hover .card__img--primary{opacity:0}.card.has-zoom:hover .card__img--primary,.card.has-zoom:hover .card__img--secondary{transform:scale(1.05)}}.card__badges{position:absolute;top:1rem;left:1rem;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.card__soldout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:color-mix(in srgb,var(--background) 55%,transparent);font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;pointer-events:none}.card__reveal{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;background:linear-gradient(180deg,transparent,color-mix(in srgb,#000 72%,transparent));opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;pointer-events:none}@media(hover:hover){.card:hover .card__reveal{opacity:1;transform:none}}@media(max-width:749px){.card__reveal{display:none}}.card__info{display:grid;gap:.5rem}.card__title{font-size:1.35rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.25}.card__title a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__price-row{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.card__sizes{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.2rem}.card__size{font-size:1.05rem;letter-spacing:.1em;color:var(--muted);border:1px solid var(--border);border-radius:2px;padding:.25rem .5rem;line-height:1}.card__size.is-out{opacity:.35;text-decoration:line-through}.quick-add{position:absolute;right:1rem;bottom:1rem;z-index:4}.quick-add__toggle{width:4.2rem;height:4.2rem;border-radius:50%;background:var(--text);color:var(--background);display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s ease,background-color .3s ease,color .3s ease}@media(hover:hover){.quick-add__toggle{opacity:0;transform:translateY(10px) scale(.85)}.card:hover .quick-add__toggle{opacity:1;transform:none}.quick-add__toggle:hover{background:var(--accent);color:var(--accent-contrast)}}.quick-add__toggle svg{width:1.8rem;height:1.8rem}.quick-add__toggle.is-loading{pointer-events:none;opacity:.6}.quick-add__panel{position:absolute;right:0;bottom:calc(100% + .8rem);min-width:20rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:grid;gap:.8rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;box-shadow:0 24px 60px #00000059}.quick-add__panel.is-open{opacity:1;visibility:visible;transform:none}.quick-add__panel-title{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.quick-add__sizes{display:flex;flex-wrap:wrap;gap:.6rem}.quick-add__size{min-width:4rem;padding:.9rem .6rem;border:1px solid var(--border);border-radius:2px;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;transition:background-color .25s ease,color .25s ease,border-color .25s ease}@media(hover:hover){.quick-add__size:hover:not([disabled]){background:var(--text);color:var(--background);border-color:var(--text)}}.quick-add__size[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}.card--compact{flex-direction:row;gap:1.2rem;align-items:center}.card--compact .card__media{width:100%;aspect-ratio:3 / 4}.card--compact .card__title{font-size:1.2rem}.price{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;font-size:1.4rem}.price__from{font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.price__current{font-weight:600}.price__was{color:var(--muted);text-decoration:line-through}.product__price-row .price{font-size:2rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-card.css.map */