.product-card{display:flex;flex-direction:column;min-width:0}.product-card__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--color-border-soft);border-radius:var(--radius);background-color:var(--color-image-surface);--card-band: 0px;box-sizing:content-box;padding-bottom:var(--card-band)}.product-grid:has(.product-card__options) .product-card__media,.product-card__visual:has(.product-card__options) .product-card__media{--card-band: 2.375rem}.product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:.5rem;filter:var(--image-dim)}.product-card__visual:has(.product-card__options) .product-card__image{bottom:var(--card-band);height:auto}.product-card__image--placeholder{background-color:var(--color-surface-sunken)}.product-card__image--hover{z-index:1;opacity:0}@media(hover:hover){.product-card--swap:hover .product-card__image--hover,.product-card--swap:focus-within .product-card__image--hover{opacity:1}}.product-card__badge,.product-card__fits{z-index:2}.product-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.375rem;margin-top:.5rem}.product-card__mpn{color:var(--color-foreground-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration:none}.product-card__vendor+.product-card__mpn:before{content:"- "}.product-card__vendor{color:var(--color-foreground-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase}.product-card__meta+.product-card__title{margin-top:.125rem}.product-card__badge{position:absolute;top:.5rem;left:.5rem}.product-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin-top:.5rem;color:inherit;font-size:.875rem;line-height:1.35;text-decoration:none}.product-card__title:hover{text-decoration:underline}.product-card__footer{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.375rem}.product-card__pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .375rem;flex:1 1 auto;min-width:0}.product-card__price{font-size:.9375rem;font-weight:700;line-height:1.2}.product-card__msrp{color:var(--color-foreground-muted);font-size:.75rem;line-height:1.2}.product-card__msrp--saving{text-decoration:line-through}.product-card__button{flex:0 0 auto;padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;font-size:.8125rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}.product-card__button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-on-primary)}.product-card__button:disabled{opacity:.45;cursor:not-allowed}.product-card__button[data-state=adding]{opacity:.6}.product-card__button[data-state=added]{border-color:var(--color-success);color:var(--color-success)}@media(prefers-reduced-motion:no-preference){.product-card__image{transition:opacity .2s ease}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:1.5rem 1.25rem;margin:0;padding:0;list-style:none}.product-grid>*{max-width:20rem}@media screen and (max-width:41.49rem){.product-grid{grid-template-columns:minmax(0,1fr)}.product-grid>*{max-width:none}}.product-grid--trim{container-type:inline-size}@container (min-width: 41.5rem) and (max-width: 55.74rem){.product-grid--trim>:nth-child(3n+1):not(:first-child):nth-last-child(-n+2),.product-grid--trim>:nth-child(3n+1):not(:first-child):nth-last-child(-n+2)~*{display:none}}@container (min-width: 55.75rem) and (max-width: 69.99rem){.product-grid--trim>:nth-child(4n+1):not(:first-child):nth-last-child(-n+2),.product-grid--trim>:nth-child(4n+1):not(:first-child):nth-last-child(-n+2)~*{display:none}}@container (min-width: 70rem) and (max-width: 84.24rem){.product-grid--trim>:nth-child(5n+1):not(:first-child):nth-last-child(-n+3),.product-grid--trim>:nth-child(5n+1):not(:first-child):nth-last-child(-n+3)~*{display:none}}@container (min-width: 84.25rem) and (max-width: 98.49rem){.product-grid--trim>:nth-child(6n+1):not(:first-child):nth-last-child(-n+4),.product-grid--trim>:nth-child(6n+1):not(:first-child):nth-last-child(-n+4)~*{display:none}}@container (min-width: 98.5rem) and (max-width: 112.74rem){.product-grid--trim>:nth-child(7n+1):not(:first-child):nth-last-child(-n+5),.product-grid--trim>:nth-child(7n+1):not(:first-child):nth-last-child(-n+5)~*{display:none}}@container (min-width: 112.75rem){.product-grid--trim>:nth-child(8n+1):not(:first-child):nth-last-child(-n+5),.product-grid--trim>:nth-child(8n+1):not(:first-child):nth-last-child(-n+5)~*{display:none}}.product-card__button--quiet{border-color:var(--color-border-soft);background:none;color:var(--color-foreground-muted)}.product-card__visual{position:relative}.product-card__fits{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin:0;pointer-events:none}.product-card__fits[hidden]{display:none}.product-card__options{position:absolute;right:.5rem;bottom:1px;left:.5rem;z-index:2;display:flex;flex-wrap:wrap-reverse;align-items:flex-start;justify-content:flex-end;gap:.25rem;margin:0;padding:.375rem 0 .5rem;background-color:var(--color-image-surface)}.product-card__visual:has(.product-card__options) .product-card__fits{bottom:calc(2.875rem + 1px)}.product-card__options-label{padding:0 .25rem;border-radius:var(--radius-sm);background-color:var(--color-image-surface);color:var(--color-image-foreground);font-size:.6875rem;font-weight:600;line-height:1.1;white-space:nowrap}.product-card__chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.625rem;height:1.5rem;padding:0 .375rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-foreground);font-size:var(--text-xs);font-weight:600;line-height:1;text-decoration:none;box-shadow:0 1px 3px #00000026}.product-card__chip:hover,.product-card__chip:focus-visible{border-color:var(--color-selected);background-color:var(--color-selected);color:var(--color-on-selected)}.product-card__swatch{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid rgb(0 0 0 / 30%);border-radius:var(--radius-sm);background-color:var(--swatch, var(--color-surface-sunken));color:var(--color-foreground);font-size:.625rem;font-weight:700;line-height:1;text-decoration:none;box-shadow:0 0 0 1px #fff,0 1px 3px #0003}.product-card__swatch:hover,.product-card__swatch:focus-visible{outline:2px solid var(--color-selected);outline-offset:1px}.product-card--picking .product-card__image--hover{opacity:0!important}.product-card__fit{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;box-shadow:0 1px 3px #00000040}.product-recommendations{display:grid;gap:var(--space-6)}.product-recommendations:empty,.product-recommendations[data-recommendations-empty]{display:none}.product-recommendations__row{display:grid;gap:var(--space-4)}
/*# sourceMappingURL=/cdn/shop/t/74/assets/product-card.css.map */