.product-card{--pc-card-bg: var(--Primary-Cream, #f3f1e7);--pc-sale: var(--Secondary-Brick, #9b221a);--pc-sold-out: #6b6864;--pc-muted: #666666;--pc-radius: .5rem;--pc-gap-media: 1.25rem;--pc-title-leading: 1.4;--pc-gap-price: 1.25rem;--pc-title-trim: calc(var(--Size-Text-M, 1rem) * (var(--pc-title-leading) - .7) / 2);--pc-price-trim: calc(var(--Size-Text-S, .875rem) * .35);position:relative;display:flex;flex-direction:column;gap:calc(var(--pc-gap-media) - var(--pc-title-trim))}.product-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--pc-radius);isolation:isolate;background-color:var(--pc-card-bg)}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card__placeholder{background-color:var(--pc-card-bg);fill:#0000002e}.product-card__badge{position:absolute;top:clamp(.625rem,7.5%,1.4375rem);left:clamp(.625rem,7.2%,1.375rem);z-index:1;display:inline-flex;align-items:center;height:1.25rem;padding:0 .625rem;border-radius:.25rem;background:var(--pc-sale);color:var(--Primary-White, #ffffff);font-size:var(--Size-Text-XS, .75rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.product-card__badge--sold-out{background:var(--pc-sold-out)}.member-badge{display:block;color:var(--member-badge-color, var(--Primary-Black, #1b1a1a));mix-blend-mode:multiply;line-height:0;pointer-events:none}.member-badge svg{display:block;width:100%;height:100%}.product-card__member{position:absolute;top:clamp(.625rem,6.77%,1.3rem);left:clamp(.625rem,6.43%,1.234rem);z-index:1;width:clamp(1.5rem,12.38%,2.376rem);aspect-ratio:38 / 37}.product-card__media:has(>.product-card__member)>.product-card__badge{top:calc(clamp(.625rem,6.77%,1.3rem) + (clamp(1.5rem,12.38%,2.376rem) * 37 / 38 - 1.25rem) / 2);left:calc(clamp(.625rem,6.43%,1.234rem) + clamp(1.5rem,12.38%,2.376rem) + .625rem)}.product-card__info{display:flex;flex-direction:column;gap:calc(var(--pc-gap-price) - var(--pc-title-trim) - var(--pc-price-trim))}.product-card__title{margin:0;font-size:var(--Size-Text-M, 1rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:var(--pc-title-leading);letter-spacing:-.02em}.product-card__link{color:var(--Primary-Black, #1b1a1a);text-decoration:none}.product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.product-card__link:focus-visible{outline:2px solid var(--Primary-Black, #1b1a1a);outline-offset:3px}.product-card__price{display:flex;align-items:baseline;gap:.625rem;color:var(--Primary-Black, #1b1a1a);font-size:var(--Size-Text-S, .875rem);font-weight:var(--Weight-Font-weight-regular, 400);line-height:1.4;letter-spacing:-.02em}.product-card__price-sale{color:var(--pc-sale)}.product-card__price-compare{color:var(--Primary-Black, #1b1a1a)}@supports (text-box: trim-both cap alphabetic){.product-card{gap:var(--pc-gap-media)}.product-card__info{gap:var(--pc-gap-price)}.product-card__title,.product-card__price>*{text-box:trim-both cap alphabetic}.product-card__price{padding-bottom:var(--pc-price-trim)}.product-card .product-card__swatches{margin-top:calc(1rem - var(--pc-gap-price) - var(--pc-price-trim))}}.product-card__swatches{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;margin:calc(1rem - var(--pc-gap-price) + var(--pc-title-trim)) 0 0 -.25rem;padding:0;border:0;min-width:0}.product-card__swatch{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;cursor:pointer}.product-card__swatch-dot{position:relative;box-sizing:border-box;width:1rem;height:1rem;padding:2px;border:.667px solid rgb(27 26 26 / .1);border-radius:50%;background-color:var(--swatch, #d9d5cc);background-image:var(--swatch-image, none);background-size:cover;background-position:center;background-origin:content-box;background-clip:content-box;isolation:isolate;transition:border-color .15s ease}@media(hover:hover)and (pointer:fine){.product-card__swatch:hover .product-card__swatch-dot{border-color:#1b1a1a66}}.product-card__swatch-input:checked+.product-card__swatch-dot,.product-card__swatch:hover .product-card__swatch-input:checked+.product-card__swatch-dot{border-color:var(--Primary-Black, #1b1a1a)}.product-card__swatch-input:focus-visible+.product-card__swatch-dot{outline:2px solid var(--Primary-Black, #1b1a1a);outline-offset:2px}.product-card__swatch--sold-out .product-card__swatch-dot:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px));mix-blend-mode:difference}.product-card__swatch-more{margin-inline-start:.125rem;font-size:.6875rem;color:var(--pc-muted)}.product-card__quick-layer{position:absolute;inset:0 0 auto 0;aspect-ratio:1 / 1;z-index:2;pointer-events:none}.product-card__quick{position:absolute;right:.625rem;bottom:.625rem;display:inline-flex;align-items:center;justify-content:center;width:2.875rem;height:2.875rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--Primary-Black, #1b1a1a);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s ease,background-color .2s ease}.product-card__quick svg{width:1.25rem;height:1.25rem}@media(hover:hover)and (pointer:fine){.product-card:hover .product-card__quick{opacity:1}.product-card__quick:hover{background:#fff}}@media(hover:none),(pointer:coarse){.product-card__quick{opacity:1}}.product-card:focus-within .product-card__quick{opacity:1}.product-card__quick:focus-visible{opacity:1;background:#fff;outline:2px solid var(--Primary-Black, #1b1a1a);outline-offset:2px}.product-card__quick[aria-disabled=true]{cursor:progress;opacity:.6}.product-card__quick[hidden]{display:none}@media(prefers-reduced-motion:no-preference){[data-card-hover-zoom] .product-card__image{transition:transform var(--card-zoom-duration, .5s) cubic-bezier(.33,1,.68,1)}[data-card-hover-zoom]>:has(:focus-visible) .product-card__image{transform:scale(var(--card-zoom-scale, 1.05))}}@media(prefers-reduced-motion:no-preference)and (hover:hover)and (pointer:fine){[data-card-hover-zoom]:not(.is-dragging)>:hover .product-card__image{transform:scale(var(--card-zoom-scale, 1.05))}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/product-card.css.map */
