.product-card{--product-card-chip-shadow: 0 1px 2px oklch(0 0 0 / .08), 0 3px 6px -2px oklch(0 0 0 / .12);--product-card-outline: color-mix(in oklch, var(--sc-primary-text) 16%, transparent);--product-card-sold-out-text: oklch(.535 .219 29.234);--product-card-sold-out-background: oklch(.827 .097 19.332);--product-card-sold-out-border: oklch(.76 .143 20.995);--roaster-new-chip-text: oklch(.82 .12 85);--roaster-new-chip-surface: color-mix(in oklch, oklch(.72 .14 80) 18%, transparent);--roaster-new-chip-ring: color-mix(in oklch, var(--roaster-new-chip-text) 56%, transparent);--roaster-new-chip-shine: oklch(.98 .025 95 / .78);--product-card-stock-success-text: oklch(.78 .13 160.867);--product-card-stock-success-background: color-mix(in oklch, oklch(.685 .153 160.867) 18%, transparent);--product-card-stock-success-border: color-mix(in oklch, oklch(.78 .13 160.867) 58%, transparent);--product-card-ambient-opacity: .26;position:relative;display:flex;min-width:0;min-height:100%;flex-direction:column;overflow:hidden;color:var(--sc-primary-text);background:var(--sc-card-surface);border:1px solid var(--product-card-outline);border-radius:12px;corner-shape:squircle;box-shadow:var(--sc-elevated-surface-shadow);font-family:var(--font-primary--family);transition:background-color .18s ease,box-shadow .18s ease}[data-theme=light] .product-card{--product-card-outline: color-mix(in oklch, var(--sc-primary-text) 12%, transparent);--roaster-new-chip-text: oklch(.43 .11 75);--roaster-new-chip-surface: color-mix(in oklch, oklch(.72 .14 80) 20%, transparent);--roaster-new-chip-ring: color-mix(in oklch, var(--roaster-new-chip-text) 46%, transparent);--roaster-new-chip-shine: oklch(1 0 95 / .86);--product-card-stock-success-text: oklch(.47 .14 160.867);--product-card-stock-success-background: color-mix(in oklch, oklch(.685 .153 160.867) 16%, transparent);--product-card-stock-success-border: color-mix(in oklch, oklch(.47 .14 160.867) 48%, transparent);--product-card-ambient-opacity: .2}.product-card__hit-area{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;corner-shape:inherit}.product-card__hit-area:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:-4px}.product-card:has(.product-card__hit-area:focus-visible){outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:3px}.product-card__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.product-card__media{position:relative;display:grid;min-height:230px;padding:12px;overflow:hidden;isolation:isolate;place-items:center;background:var(--sc-primary-surface-bg)}.product-card__badge{position:absolute;z-index:3;top:12px;left:12px;display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:7px 8px;color:var(--sc-body-text);font-size:.6875rem;font-weight:500;line-height:1;letter-spacing:-.11px;text-transform:uppercase;background:var(--sc-surface-border);border:1px solid var(--sc-button-border);border-radius:4px;corner-shape:squircle;box-shadow:var(--product-card-chip-shadow),inset 2px -1px 6.5px color-mix(in oklch,var(--sc-primary-text) 4%,transparent)}.product-card .product-card__badge.product-card__showcase-badge{box-shadow:var(--product-card-chip-shadow),inset 2px -1px 6.5px color-mix(in oklch,var(--sc-primary-text) 4%,transparent)}.product-card .product-card__status-cluster .product-card__showcase-status{box-shadow:var(--product-card-chip-shadow)}.product-card__badge[hidden]{display:none}.product-card__status-cluster{position:absolute;z-index:3;top:12px;right:auto;left:12px;display:flex;min-width:0;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:6px;pointer-events:none}.product-card :is(.product-card__media,.product-card__showcase-media)>.product-card__sold-out-overlay{position:absolute;inset-block-start:auto;inset-block-end:12px;inset-inline-start:12px;inset-inline-end:auto;margin:0;pointer-events:none;box-shadow:var(--product-card-chip-shadow)}.product-card :is(.product-card__media,.product-card__showcase-media):has(>.product-card__badge:not([hidden]))>.product-card__status-cluster{top:calc(34px + .6875rem)}.product-card__new-chip{position:relative;display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:7px 10px;overflow:hidden;isolation:isolate;color:var(--roaster-new-chip-text);font-family:var(--font-display--family);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap;background:var(--roaster-new-chip-surface);border:1px solid var(--roaster-new-chip-ring);border-radius:4px;corner-shape:squircle;box-shadow:var(--product-card-chip-shadow)}.product-card__new-chip-label{position:relative;z-index:2}.product-card__new-chip:before,.product-card__new-chip:after{position:absolute;z-index:1;pointer-events:none;content:""}.product-card__new-chip:before{top:-50%;bottom:-50%;left:-75%;width:42%;background:linear-gradient(to right,transparent,var(--roaster-new-chip-shine) 50%,transparent);opacity:0;transform:translateZ(0) skew(-18deg);animation:product-card-new-chip-shimmer 5.2s cubic-bezier(.23,1,.32,1) infinite}.product-card__new-chip:after{top:3px;inset-inline-end:4px;width:6px;height:6px;background:var(--roaster-new-chip-shine);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;transform:scale(.4) rotate(12deg);animation:product-card-new-chip-glint 5.2s cubic-bezier(.23,1,.32,1) infinite}.product-card .product-card__status-cluster :is(.product-card__status,.product-card__showcase-status){position:relative;inset:auto;flex:0 0 auto}@keyframes product-card-new-chip-shimmer{0%,10%{opacity:0;transform:translateZ(0) skew(-18deg)}16%{opacity:.64}28%,to{opacity:0;transform:translate3d(420%,0,0) skew(-18deg)}}@keyframes product-card-new-chip-glint{0%,20%,to{opacity:0;transform:scale(.4) rotate(12deg)}24%{opacity:.9;transform:scale(1) rotate(12deg)}28%{opacity:0;transform:scale(.6) rotate(12deg)}}.product-card__media:after,.product-card__showcase-media:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in oklch,var(--sc-primary-surface-bg) 14%,transparent) 0%,transparent 56%,var(--sc-card-surface) 100%);content:"";pointer-events:none}.product-card__ambient{position:absolute;z-index:0;top:-24px;right:-24px;bottom:-24px;left:-24px;opacity:var(--product-card-ambient-opacity);pointer-events:none;transform:scale(1.06);-webkit-user-select:none;user-select:none}.product-card__ambient-image{width:100%;height:100%;max-width:none;object-fit:cover;filter:blur(24px) saturate(.82)}.product-card__image{position:relative;z-index:2;width:min(58%,220px);max-height:204px;object-fit:contain}.product-card__image-placeholder{position:relative;z-index:2;display:block;width:min(58%,220px);aspect-ratio:3 / 4;background:var(--sc-button-bg);border:1px solid var(--sc-surface-border);border-radius:6px;corner-shape:squircle}.product-card .product-card__showcase-image.product-card__image--normalized,.product-card .product-card__image.product-card__image--normalized{aspect-ratio:auto;transform:scale(var(--card-image-fit-scale, 1)) translate(var(--card-image-fit-x, 0%),var(--card-image-fit-y, 0%))}.product-card__status{position:absolute;z-index:3;top:12px;right:12px;min-height:24px;padding:7px 8px;margin:0;color:var(--product-card-sold-out-text);font-size:.6875rem;font-weight:500;line-height:1;background:var(--product-card-sold-out-background);border:1px solid var(--product-card-sold-out-border);border-radius:4px;corner-shape:squircle;text-transform:uppercase;box-shadow:var(--product-card-chip-shadow)}.product-card__body{--product-card-muted-text: var(--sc-label-text);display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:24px;padding:16px;background:var(--sc-card-surface);border-top:1px solid var(--sc-surface-border)}.product-card__summary{display:flex;flex-direction:column;gap:14px;min-width:0}.product-card__roaster{margin:0;color:var(--product-card-muted-text);font-size:.75rem;font-weight:500;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.product-card__title{margin:0;color:var(--sc-primary-text);font-size:1rem;font-weight:500;line-height:1.2;text-wrap:balance}.product-card__facts,.product-card__notes{display:flex;flex-wrap:wrap;gap:8px}.product-card__pill{display:inline-flex;align-items:center;min-height:35px;padding:8px 12px;color:var(--sc-body-text);font-size:.75rem;line-height:1.2;background:var(--sc-primary-surface-bg);border:1px solid var(--sc-surface-border);border-radius:4px;corner-shape:squircle}.product-card__pill--note{width:auto}.product-card__footer{display:grid;gap:12px}.product-card__freshness{margin:0;color:var(--product-card-muted-text);font-size:.75rem;font-weight:500;line-height:1.2;text-transform:uppercase}[data-theme=light] .product-card__body{--product-card-muted-text: var(--sc-body-text)}.product-card__price{margin:0;color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.25rem;font-weight:400;line-height:1.2;letter-spacing:-.5px}.product-card__action{width:100%}.product-card__picker-option{position:relative;z-index:4;display:inline-grid;min-width:60px;height:35px;align-items:center;justify-content:center;padding:7px 16px;margin-block:5px;color:var(--sc-primary-text);font:inherit;font-size:.6875rem;font-weight:500;font-optical-sizing:auto;font-synthesis:none;line-height:1;letter-spacing:-.11px;text-align:center;text-transform:uppercase;background:color-mix(in oklch,var(--sc-card-surface) 84%,var(--sc-background-main));border:1px solid var(--sc-surface-border);border-radius:5px;corner-shape:squircle;box-shadow:inset -1px -2px 6px color-mix(in oklch,var(--sc-background-main) 3%,transparent),inset 1px 2px 4px color-mix(in oklch,var(--sc-primary-text) 2%,transparent),0 1px 2px color-mix(in oklch,var(--sc-background-main) 4%,transparent);cursor:pointer;pointer-events:auto;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.product-card__picker-option:before,.product-card__picker-option-label{grid-area:1 / 1}.product-card__picker-option:before{font-weight:600;letter-spacing:-.11px;visibility:hidden;content:attr(data-option-label)}.product-card__picker-option-label{font-weight:500;letter-spacing:-.11px;transition:font-weight .16s ease,letter-spacing .16s ease}.product-card__picker-option:after{position:absolute;top:-6px;right:0;bottom:-6px;left:0;content:""}[data-theme=dark] .product-card--showcase :is(.product-card__showcase-roaster,.product-card__picker-label,.product-card__profile-label,.product-card__basic-label,.product-card__profile-row>span:last-child){color:var(--sc-body-text)}.product-card__picker-option.is-selected{background:var(--sc-card-surface);border-color:color-mix(in oklch,var(--sc-sigma-coffee-orange) 72%,transparent);box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--sc-sigma-coffee-orange) 72%,transparent),inset -1px -2px 6px color-mix(in oklch,var(--sc-background-main) 3%,transparent),inset 1px 2px 4px color-mix(in oklch,var(--sc-primary-text) 2%,transparent),0 1px 2px color-mix(in oklch,var(--sc-background-main) 4%,transparent)}.product-card__picker-option.is-selected .product-card__picker-option-label{font-weight:600;letter-spacing:-.16px}.product-card__picker-option.is-unavailable,.product-card__picker-option:disabled{color:var(--sc-label-text);text-decoration:line-through;background:transparent;cursor:not-allowed;opacity:.6}.product-card__picker-option:focus-visible{outline:2px solid var(--sc-sigma-coffee-orange);outline-offset:3px}.product-card__showcase-meta{display:grid;min-width:0;min-height:54px;grid-template-rows:minmax(1.25rem,auto) minmax(28px,auto);align-items:last baseline;justify-content:start;gap:6px}.product-card__showcase-meta .product-card__showcase-price{grid-area:1 / 1}.product-card__showcase-price{letter-spacing:-.5px}.product-card__showcase-price [data-product-card-price]{display:inline-flex;align-items:baseline}.product-card__showcase-price .number-ticker__glyph{width:calc(1ch - .5px)}.product-card__showcase-meta:has([data-product-card-stock][hidden]) .product-card__showcase-price{grid-row:2}.product-card__stock-pill{display:inline-flex;width:fit-content;min-width:0;align-self:flex-start;justify-self:start;min-height:28px;flex:0 0 auto;align-items:center;justify-content:center;padding:7px 10px;margin:0;font-family:var(--font-display--family);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:5px;corner-shape:squircle;font-variant-numeric:tabular-nums}.product-card__showcase-meta .product-card__stock-pill{grid-area:2 / 1;min-width:0}.product-card__showcase-footer:has(.product-card__stock-pill:not([hidden])){align-items:flex-end}.product-card__showcase-action .button__content>span:first-child{top:0}.product-card__showcase-meta .product-card__stock-pill:before{content:"\200b"}.product-card__showcase-meta .product-card__stock-pill[hidden]{display:inline-flex;visibility:hidden}.product-card__stock-pill.is-low-stock{color:var(--sc-low-stock-text);background:var(--sc-low-stock-background);border-color:var(--sc-low-stock-border)}.product-card__stock-pill.is-in-stock{color:var(--product-card-stock-success-text);background:var(--product-card-stock-success-background);border-color:var(--product-card-stock-success-border)}.product-card__stock-pill[hidden]{display:none}.product-card__readiness-pill{min-width:0;align-self:flex-start;margin-block-start:12px}.product-card__picker-option,.product-card__action,.product-card__showcase-action{position:relative;z-index:4;pointer-events:auto}.product-card__showcase-action-icon{position:relative;top:1px}.product-card--sold-out .product-card__media{opacity:.72}.product-card--list{display:grid;grid-template-columns:minmax(160px,34%) 1fr}.product-card--list .product-card__media{min-height:100%;container:product-card-media / inline-size}@media(max-width:749px){.product-card--list{display:flex}}.product-card.product-card--showcase:not([data-product-card-motion]) :is(.product-card__showcase-facts,.product-card__showcase-facts-inner,.product-card__basic-summary,.product-card__basic-summary-inner,.product-card__advanced-reveal,.product-card__advanced-reveal-inner,.product-card__picker-stack,.product-card__profile-meter span){transition:none}@media(prefers-reduced-motion:reduce){.product-card__new-chip:before,.product-card__new-chip:after{animation:none}}.product-card__reward{margin-block-start:8px}
/*# sourceMappingURL=/cdn/shop/t/22/assets/product-card.css.map */