.card{display:flex;flex-direction:column;height:100%}.card__media{position:relative;display:block;aspect-ratio:var(--product-aspect);overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-xs)}.card__image{display:block;width:100%;height:100%;object-fit:cover}.card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:hover)and (pointer:fine){.card__image--secondary{transition:opacity .15s var(--ease)}.card__media:hover .card__image--secondary{opacity:1}}.card__badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:.4rem var(--space-2);font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-radius:var(--radius-xs)}.card__badge--oos{background-color:var(--color-ground);color:var(--color-out-of-stock)}.card__body{flex:1 1 auto;padding:var(--space-3) 0 var(--space-2)}.card__title{margin:0 0 var(--space-1);font-family:var(--font-serif);font-size:var(--text-body);font-weight:var(--weight-display);line-height:var(--leading-heading);color:var(--color-ink)}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card{position:relative}.card__price-row{display:flex;align-items:baseline;gap:var(--space-2)}.card__price{font-family:var(--font-sans);font-size:var(--text-price);font-weight:var(--weight-medium);color:var(--color-ink)}.card__price-compare{font-family:var(--font-sans);font-size:var(--text-small);color:var(--color-muted)}.card__rating{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.card__rating-count{font-size:var(--text-micro);color:var(--color-muted)}.card__sizes{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);list-style:none;margin:var(--space-2) 0 0;padding:0}.card__size{font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ui);color:var(--color-ink)}.card__size--out{color:var(--color-out-of-stock);text-decoration:line-through;text-decoration-thickness:1px}.card__low-stock{margin:var(--space-2) 0 0;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--color-low-stock)}.card__quick-add{position:relative;z-index:1;width:100%;min-height:var(--tap-target);margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink);background-color:transparent;border:1px solid var(--color-hairline-strong);border-radius:var(--radius-xs);cursor:pointer}.card__quick-add:hover{border-color:var(--color-ink)}.quick-add__price{margin:0 0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-price-large);font-weight:var(--weight-medium);color:var(--color-ink)}.quick-add__sizes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-add__size{min-width:var(--tap-target);min-height:var(--tap-target);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink);background-color:var(--color-surface-raised);border:2px solid var(--color-hairline-strong);border-radius:var(--radius-xs);cursor:pointer}.quick-add__size:hover:not(:disabled){border-color:var(--color-ink)}.quick-add__size--out,.quick-add__size:disabled{color:var(--color-out-of-stock);border-color:var(--color-hairline);background-color:transparent;cursor:not-allowed;text-decoration:line-through}.quick-add__loading{margin:0;font-size:var(--text-small);color:var(--color-muted)}.quick-add__error{margin:var(--space-3) 0 0;font-size:var(--text-small);color:var(--color-error)}.quick-add__full-link{display:inline-flex;align-items:center;min-height:var(--tap-target);margin-top:var(--space-5);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-accent)}.card__rating-pill{position:absolute;left:var(--space-2);bottom:var(--space-2);z-index:1;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:1;color:var(--color-ink);background-color:var(--color-ground);border-radius:var(--radius-xs)}.card__rating-star{display:inline-flex;color:var(--color-metal)}.card__rating-count{color:var(--color-muted);font-weight:var(--weight-regular)}.card__attributes{margin:var(--space-1) 0 0;font-family:var(--font-sans);font-size:var(--text-small);line-height:var(--leading-ui);color:var(--color-muted);text-wrap:pretty}.card__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-3) 0 0;padding:0;list-style:none}.card__chip{padding:.3rem .6rem;font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;line-height:1.4;color:var(--color-ink-secondary);border:1px solid var(--color-hairline);border-radius:var(--radius-xs)}.card__quick-add{border-color:var(--color-hairline-strong);background-color:var(--color-ground);opacity:1}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.card__image{transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.card:hover .card__image{transform:scale(1.04)}}.card__sizes{gap:var(--space-1)}.card__size{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;padding:.3rem .5rem;line-height:1;border:1px solid var(--color-hairline);border-radius:var(--radius-xs)}.card__size--out{border-color:transparent;background-color:transparent}.card__quick-add{transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.card__quick-add:hover{color:var(--color-accent-ink);background-color:var(--color-accent);border-color:var(--color-accent)}.card__link:focus-visible{outline:none}.card:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}.card__link{transition:color var(--dur-fast) var(--ease)}.card:hover .card__link{color:var(--color-accent)}.product-grid.u-gridlines{border:1px solid var(--color-gridline)}.product-grid.u-gridlines .product-grid__item{background-color:var(--color-ground);padding:0 0 var(--space-5)}.card__media{background-color:var(--color-surface-raised);border-radius:0}.card__image{object-fit:cover}.card__body{padding-inline:var(--space-4)}.card__title{font-family:var(--font-serif);font-size:1.7rem;font-weight:var(--weight-regular);letter-spacing:-.01em;margin-top:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__price-row{margin-top:.6rem}.card__price{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:1.6rem;color:var(--color-ink);font-variant-numeric:tabular-nums}.card__price-compare{font-size:1.4rem;font-weight:var(--weight-regular);color:var(--color-muted);text-decoration-thickness:1px}.card__sizes{margin-top:var(--space-3)}.card__size{min-height:2.8rem;min-width:3.2rem;font-size:1.2rem;color:var(--color-ink-secondary);border-color:var(--color-hairline-strong);border-radius:var(--radius-xs)}.card__size--out{color:var(--color-muted);opacity:.45;border-color:transparent}.card__quick-add{margin-top:1.4rem;min-height:4rem;font-size:1.3rem;font-weight:var(--weight-medium);border-radius:var(--radius-xs);border-color:var(--color-accent);color:var(--color-accent)}@media(hover:hover)and (pointer:fine){.product-grid.u-gridlines .product-grid__item{transition:background-color .2s var(--ease)}.product-grid.u-gridlines .product-grid__item:hover{background-color:var(--color-surface-raised)}@media(prefers-reduced-motion:no-preference){.card:hover .card__image{transform:scale(1.03);transition:transform .6s cubic-bezier(.16,1,.3,1)}}}@media(pointer:coarse),(max-width:749px){.card__quick-add{min-height:4.4rem}}.card__media{border-radius:0;background-color:var(--color-ground)}.card__body{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--space-3);padding-inline:0;margin-top:var(--space-3)}.card__title{grid-column:1;grid-row:1;margin-top:0;font-family:var(--font-sans);font-size:1.3rem;font-weight:var(--weight-regular);letter-spacing:0;line-height:1.3}.card__price-row{grid-column:1;grid-row:2;margin-top:2px}.card__price{font-size:1.3rem;font-weight:var(--weight-regular);color:var(--color-ink-secondary)}.card__price-compare{font-size:1.2rem}.card__attributes,.card__chips,.card__sizes,.card__low-stock{display:none}.card__quick-add{grid-column:2;grid-row:1 / span 2;align-self:center;width:3.2rem;min-width:3.2rem;height:3.2rem;min-height:3.2rem;margin-top:0;padding:0;font-size:0;color:var(--color-ink);background:none;border:0;border-radius:50%;position:relative;opacity:1;transform:none}.card__quick-add:before{content:"+";font-family:var(--font-sans);font-size:2rem;font-weight:var(--weight-regular);line-height:1;color:var(--color-ink)}.card__quick-add:hover{color:var(--color-accent-ink);background-color:var(--color-accent);border:0}.card__quick-add:hover:before{color:var(--color-accent-ink)}@media(pointer:coarse){.card__quick-add{min-height:3.2rem}.card__quick-add:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}}@media(hover:hover)and (pointer:fine){.product-grid.u-gridlines .product-grid__item:hover{background-color:transparent}}.card{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:var(--space-3)}.card__media{grid-column:1 / -1}.card__body{grid-column:1;display:block}.card__title,.card__price-row{grid-column:auto;grid-row:auto}.card__quick-add{grid-column:2;grid-row:auto;align-self:center;margin-top:var(--space-3)}.product-grid.u-gridlines{border:0}.card__media{position:relative;border-radius:8px;overflow:hidden}.card__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.card__track::-webkit-scrollbar{display:none}.card__track>*{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}@media(prefers-reduced-motion:reduce){.card__track{scroll-behavior:auto}}.card__nav{display:none}@media(hover:hover)and (pointer:fine){.card__nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;transform:translateY(-50%);color:var(--color-ink);background-color:color-mix(in srgb,var(--color-ground) 88%,transparent);border:0;border-radius:50%;cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.card__nav--prev{left:var(--space-2)}.card__nav--next{right:var(--space-2)}.card:hover .card__nav,.card__nav:focus-visible{opacity:1}.card__nav:hover{background-color:var(--color-ground)}.card__nav[disabled]{opacity:0!important;pointer-events:none}}.card__dots{position:absolute;left:0;right:0;bottom:var(--space-3);z-index:2;display:flex;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}.card__dot{display:block;width:6px;height:6px;padding:0;border:0;border-radius:50%;cursor:pointer;background-color:color-mix(in srgb,var(--color-ink) 28%,transparent);transition:background-color var(--dur-fast) var(--ease),width var(--dur-fast) var(--ease)}.card__dot.is-active{width:14px;border-radius:999px;background-color:var(--color-ink)}.card__dot:after{content:"";position:absolute;width:2.8rem;height:2.8rem;transform:translate(-50%,-50%);margin-left:3px;margin-top:3px}.card__dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.card__image--secondary{display:none}.product-grid{display:grid;grid-template-columns:repeat(var(--grid-cols-mobile, 2),minmax(0,1fr));list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.product-grid{grid-template-columns:repeat(var(--grid-cols-tablet, 3),minmax(0,1fr))}}@media screen and (min-width:990px){.product-grid{grid-template-columns:repeat(var(--grid-cols-desktop, 4),minmax(0,1fr))}}.product-grid.u-gridlines{gap:4px;background-color:transparent;overflow:visible}.product-grid.u-gridlines .product-grid__item{padding:0 0 var(--space-6);background-color:transparent;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/product-card.css.map */