.card{position:relative;display:block;min-width:0}.card__media-wrap{position:relative}.card__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--media-bg)}.card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),opacity .5s var(--ease)}.card__img--hover{opacity:0}@media(hover:hover){.card:hover .card__img{transform:scale(1.03)}.card:hover .card__img--hover{opacity:1}}.card__badges{position:absolute;top:12px;left:12px;pointer-events:none}.card__info{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:16px}.card__text{min-width:0}.card__title{font-size:.9375rem;font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__link:focus-visible{outline:none}.card:has(.card__link:focus-visible){outline:2px solid var(--color-accent);outline-offset:4px}.card__type{margin-top:2px;font-size:.75rem;color:var(--muted)}.card__price{flex:none;text-align:right;font-size:.9375rem}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-block;padding:4px 8px;background:var(--color-black);color:var(--color-white);font-size:.625rem;font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.badge--accent{background:var(--color-accent);color:var(--color-accent-ink)}.badge--light{background:var(--color-white);color:var(--color-black)}.badge--outline{background:var(--color-white);color:var(--color-black);box-shadow:inset 0 0 0 1px var(--color-black)}.badge--soldout{background:var(--color-grey-text)}.price{display:flex;flex-direction:column;align-items:flex-end}.price--sale .price__current{font-weight:600}.price__compare{font-size:.75rem;color:var(--muted)}.card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.swatch{position:relative;width:24px;height:24px;padding:0;background:var(--swatch-img, none) center / cover,var(--swatch, #ccc);box-shadow:inset 0 0 0 1px #0a0a0a26;transition:box-shadow .2s var(--ease)}.swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid transparent;transition:border-color .2s var(--ease)}.swatch:hover:after{border-color:var(--muted)}.swatch[aria-pressed=true]:after{border-color:var(--fg)}.card__more-colors{font-size:var(--text-micro);color:var(--muted);margin-left:2px}.card__quick{position:absolute;inset:auto 0 0;z-index:2}.card__quick-btn{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:40px;height:40px;background:var(--color-white);color:var(--color-black);font-size:var(--text-micro);font-weight:600;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 6px 18px -8px #0a0a0a66;transition:background-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease),transform .3s var(--ease)}.card__quick-btn>span:not(.visually-hidden){display:none}.card__quick-btn:hover{background:var(--color-accent);color:var(--color-accent-ink)}@media(hover:hover)and (min-width:1024px){.card__quick-btn{left:10px;width:auto;height:44px;opacity:0;transform:translateY(8px)}.card__quick-btn>span:not(.visually-hidden){display:inline}.card:hover .card__quick-btn,.card:focus-within .card__quick-btn{opacity:1;transform:none}}.card.is-picking .card__quick-btn{opacity:0;pointer-events:none}.card.is-added .card__quick-btn{background:var(--color-accent);color:var(--color-accent-ink)}.card__sizes{position:absolute;inset:auto 0 0;padding:14px 44px 14px 14px;background:var(--color-white);color:var(--color-black);animation:card-up .3s var(--ease)}.card__sizes-title{font-size:var(--text-micro);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-grey-text)}.card__size-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.card__size{min-width:44px;height:40px;padding:0 10px;border:1px solid rgb(10 10 10 / .2);font-size:.8125rem;font-weight:500;transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}.card__size:hover{border-color:var(--color-black);background:var(--color-black);color:var(--color-white)}.card__size.is-unavailable{color:#0a0a0a59;background:linear-gradient(to top right,transparent calc(50% - .5px),rgb(10 10 10 / .3) 50%,transparent calc(50% + .5px));cursor:not-allowed}.card__sizes-close{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:36px;height:36px}.card__sizes-close .icon{width:18px;height:18px}.card.is-adding .card__sizes,.card.is-adding .card__quick-btn{opacity:.6;pointer-events:none}@keyframes card-up{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(max-width:767px){.card__info{flex-direction:column;gap:4px;margin-top:12px}.card__title{font-size:.875rem}.card__price{text-align:left}.card .price{flex-direction:row;align-items:baseline;gap:8px}.card__swatches{gap:5px;flex-wrap:nowrap}.card__swatches{gap:6px}.swatch:nth-child(n+5){display:none}}@media(min-width:768px){.card__more--mobile{display:none}}@media(max-width:767px){.card__more--desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-card.css.map */