.card{position:relative;display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;transition:transform var(--duration-ui) var(--ease-settle)}@media(hover:hover){.card:hover{transform:translateY(-4px)}}.featured__grid>li,.collection__grid>li,.recos__item,.selection__grid>li{min-width:0}.card{min-width:0}.card__data{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);margin-top:var(--space-2);border-top:var(--hairline);font-size:.65rem;opacity:.75}.card__data-no{opacity:.6}.card__data-city{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){[data-tilt] .card__media{transform:perspective(800px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .5s var(--ease-settle);will-change:transform}}@media(prefers-reduced-motion:reduce){[data-tilt] .card__media{transform:none!important}}.card__badges{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.card__wish{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2}.card__wish button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:var(--radius-pill);color:var(--color-fg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-settle)}.card__wish button:hover{background:#fff}.card__wish button[aria-pressed=true] .icon--heart{fill:var(--color-accent);color:var(--color-accent)}.card__link{display:block;text-decoration:none}.card__media{position:relative;display:block;background:var(--color-surface-alt);border-radius:var(--radius-card);overflow:hidden}.card__mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:var(--color-ink);opacity:0;transition:opacity var(--duration-slow) var(--ease-settle);pointer-events:none}.card__front,.card__back{display:block;transition:opacity .25s var(--ease-settle)}.card__media img{transition:transform .7s var(--ease-dramatic)}@media(hover:hover){.card__link:hover .card__media img,.card__link:focus-visible .card__media img{transform:scale(1.06)}}.card__back{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:hover){.card__link:hover .card__back,.card__link:focus-visible .card__back{opacity:1}.card__link:hover .card__mark,.card__link:focus-visible .card__mark{opacity:.08}}.card--soldout .card__media img{opacity:.6}.card__text{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-3)}.card__eyebrow{color:var(--color-accent)}.card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;line-height:1.3}.price__was{opacity:.6;margin-inline-end:var(--space-2)}.card__quickadd{margin-top:var(--space-2)}.card__quickadd-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--target-min);font-size:var(--text-sm);list-style:none;cursor:pointer;background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink);border-radius:var(--radius-btn);transition:background-color var(--duration-ui) var(--ease-settle),color var(--duration-ui) var(--ease-settle)}.card__quickadd-btn:hover{background:transparent;color:var(--color-ink)}.card__quickadd-btn::-webkit-details-marker{display:none}@media(hover:hover)and (min-width:1024px){.card__quickadd,.card__notify{opacity:0;transition:opacity var(--duration-ui) var(--ease-settle)}.card:hover .card__quickadd,.card:focus-within .card__quickadd,.card:hover .card__notify,.card:focus-within .card__notify{opacity:1}}.card__sheet{position:absolute;inset:auto 0 0 0;z-index:3;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-overlay)}.card__sheet-sizes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card__size{min-width:var(--target-min);min-height:var(--target-min);padding-inline:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-s);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-settle)}.card__size:hover:not(:disabled){border-color:var(--color-fg)}.card__size:disabled{text-decoration:line-through;opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card.css.map */