.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)}.drawer-panel.quick-add .drawer-panel__sheet{top:auto;right:0;left:0;bottom:0;width:100%;max-width:54rem;margin-inline:auto;height:auto;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:2.2rem 2.2rem 0 0;transform:translateY(100%)}.drawer-panel.quick-add.is-active .drawer-panel__sheet{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.drawer-panel.quick-add .drawer-panel__sheet{transition:none}}.quick-add__grip{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-3) 0 var(--space-2)}.quick-add__grabber{width:4rem;height:.4rem;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-ink) 18%,transparent)}.quick-add__close{position:absolute;right:calc(var(--space-2) * -1);top:0;display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;background:none;color:var(--color-muted);cursor:pointer}.quick-add__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-5)}.quick-add__titles{min-width:0}.quick-add__title{margin:0;font-family:var(--font-serif);font-size:var(--text-h4);font-weight:var(--weight-regular);line-height:1.15;color:var(--color-ink);text-wrap:pretty}.quick-add__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0 0}.quick-add__price{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink)}.quick-add__price-compare{font-family:var(--font-sans);font-size:var(--text-small);color:var(--color-muted);text-decoration-line:line-through;text-decoration-thickness:1.5px}.quick-add__details{flex:0 0 auto;display:inline-flex;align-items:center;min-height:3.6rem;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ground);background-color:var(--color-ink);border-radius:var(--radius-pill);text-decoration:none}.quick-add__sizes{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-5)}.quick-add__sizes[hidden]{display:none}.quick-add__size{display:inline-flex;align-items:center;justify-content:center;min-width:6.4rem;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:transparent;border:1px solid var(--color-hairline-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}@media(hover:hover)and (pointer:fine){.quick-add__size:hover:not(:disabled){border-color:var(--color-ink)}}.quick-add__size[aria-checked=true]{color:var(--color-ground);background-color:var(--color-ink);border-color:var(--color-ink)}.quick-add__size:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quick-add__size--out,.quick-add__size:disabled{color:var(--color-muted);border-color:var(--color-hairline);text-decoration:line-through;cursor:not-allowed}.quick-add__loading{margin:0;font-family:var(--font-sans);font-size:var(--text-small);color:var(--color-muted)}.quick-add__error{margin:0 0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-small);color:#b3261e}.quick-add__actions{display:grid;gap:var(--space-3)}.quick-add__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:5.2rem;padding:0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.quick-add__btn:disabled{opacity:.38;cursor:not-allowed}.quick-add__btn--ghost{color:var(--color-ink);background-color:transparent;border:1px solid var(--color-ink)}.quick-add__btn--solid{color:var(--color-ground);background-color:var(--color-ink);border:1px solid var(--color-ink)}@media(hover:hover)and (pointer:fine){.quick-add__btn--ghost:not(:disabled):hover{background-color:color-mix(in srgb,var(--color-ink) 6%,transparent)}.quick-add__btn--solid:not(:disabled):hover{background-color:var(--color-accent);border-color:var(--color-accent)}}@media screen and (min-width:750px){.drawer-panel.quick-add .drawer-panel__sheet{bottom:var(--space-6);border-radius:2rem;padding-inline:var(--space-6)}.quick-add__actions{grid-template-columns:1fr 1fr}}.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{position:relative;z-index:1;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}.card__offer{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-card.css.map */