.jam-card{--jam-card-media-bg: rgb(var(--color-placeholder, 250 250 250));--jam-card-media-radius: 10px;--jam-card-media-pad: clamp(16px, 6%, 27px);--jam-card-gap: var(--sp-2, 8px);--jam-card-muted: #6c6c6c;--jam-card-sale: rgb(var(--color-sale-price, 179 38 30));--jam-card-swatch-size: 24px;--jam-card-chip-bg: rgb(var(--color-foreground, 23 23 23) / .02);display:flex;flex-direction:column;gap:var(--jam-card-gap);min-width:0;font-family:var(--font-product-family, "Mona Sans", sans-serif);color:rgb(var(--color-foreground, 23 23 23));isolation:isolate;position:relative}.jam-card__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--jam-card-media-radius);background-color:var(--jam-card-media-bg);overflow:hidden}.jam-card__image{position:absolute;inset:var(--jam-card-media-pad);width:calc(100% - var(--jam-card-media-pad) * 2);height:calc(100% - var(--jam-card-media-pad) * 2);object-fit:contain;object-position:center}.jam-card__image--secondary{opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.3,1,.3,1),visibility .4s}@media(hover:hover)and (pointer:fine){.jam-card__image--primary{transition:opacity .4s cubic-bezier(.3,1,.3,1)}.jam-card:hover .jam-card__image--primary{opacity:0}.jam-card:hover .jam-card__image--secondary{opacity:1;visibility:visible}}.jam-card.jam-card--previewing .jam-card__image--primary{opacity:1}.jam-card.jam-card--previewing .jam-card__image--secondary{opacity:0;visibility:hidden}.jam-card__badges{position:absolute;z-index:2;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 24px);pointer-events:none}.jam-card__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background-color:var(--jam-badge-bg, rgb(var(--color-foreground, 23 23 23)));color:var(--jam-badge-fg, rgb(var(--color-background, 255 255 255)));font-size:12px;font-weight:500;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}@media(min-width:768px){.jam-card__badges{top:20px;left:20px;max-width:calc(100% - 40px)}}.jam-card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:var(--jam-card-swatch-size);pointer-events:none}.jam-card__swatch-list{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.jam-card__swatch{display:block;width:var(--jam-card-swatch-size);height:var(--jam-card-swatch-size);border-radius:50%;background-color:var(--jam-swatch-bg, rgb(var(--color-foreground, 23 23 23) / .05));background-image:var(--jam-swatch-image, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground, 23 23 23) / .12);pointer-events:auto}.jam-card__swatch-placeholder{display:block;width:var(--jam-card-swatch-size);height:var(--jam-card-swatch-size);visibility:hidden}.jam-card__swatch-more{color:rgb(var(--color-foreground, 23 23 23));font-size:12px;font-weight:500;white-space:nowrap;text-decoration:none}.jam-card__price{text-align:left;font-size:var(--text-base, 1rem);font-weight:var(--font-medium, 500);line-height:1.3;letter-spacing:.02em}@media(min-width:1024px){.jam-card__price{text-align:right}}.jam-card__price-prefix{color:var(--jam-card-muted)}.jam-card__price-amount,.jam-card__price-suffix{color:#000}.jam-card__price--on-sale .jam-card__price-amount{color:var(--jam-card-sale)}.jam-card__price-from{display:block;font-size:var(--text-sm, .875rem);font-weight:500;color:var(--jam-card-muted)}.jam-card__title{font-size:var(--font-product-card-heading-size, 16px);font-weight:var(--font-product-weight, 500);line-height:1.35;min-height:2.7em}.jam-card__title a{display:block;color:inherit;text-decoration:none}.jam-card__title-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.jam-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.jam-card__title a:focus-visible{outline:none}.jam-card__title a:focus-visible:after{outline:2px solid rgb(var(--color-foreground, 23 23 23));outline-offset:2px;border-radius:var(--jam-card-media-radius)}@media(hover:hover){.jam-card:hover .jam-card__title a{text-decoration:underline;text-underline-offset:.15em}}.jam-card__features{display:flex;flex-direction:column;gap:8px}.jam-card__features-divider{height:0;margin:0;border:0;border-top:1px solid rgb(var(--color-foreground, 23 23 23) / .1)}.jam-card__features-row{display:flex;flex-wrap:wrap;gap:6px}.jam-card__feature{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:12px;border-radius:999px;background-color:var(--jam-card-chip-bg);color:rgb(var(--color-foreground, 23 23 23));font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.jam-card__feature-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.jam-card__quick-add,.jam-card__quick-view{position:relative;z-index:2;margin-block-start:var(--sp-1, 4px)}
/*# sourceMappingURL=/cdn/shop/t/300/assets/jam-card.css.map */