.coffee-card{display:flex;flex-direction:column;gap:0;background:transparent;position:relative;transform:translateZ(0);width:100%}.coffee-card__frame{background:var(--paper);background-color:#f5efe6;padding:var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:0;position:relative;display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;width:100%}@media(min-width:1024px){.coffee-card__frame{padding:var(--space-4) var(--space-4) var(--space-5)}}.coffee-card__tag-area{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:36px;align-content:flex-start;align-items:flex-start}.coffee-card__image-link{display:block;text-decoration:none;outline-offset:4px}.coffee-card__image-link:focus-visible{outline:2px solid var(--copper)}.coffee-card__image-wrap{position:relative;aspect-ratio:1 / 1;background:var(--parchment);background-color:#eae0d0;overflow:hidden;padding:0}@supports not (aspect-ratio: 1 / 1){.coffee-card__image-wrap{padding-bottom:100%;aspect-ratio:auto;height:0}}.coffee-card__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.coffee-card__image--primary{position:relative;z-index:1;transition:opacity var(--duration-base) var(--ease-smooth)}.coffee-card__image--secondary{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity var(--duration-base) var(--ease-smooth)}@media(hover:hover){.coffee-card__image-link:hover .coffee-card__image--secondary,.coffee-card__image-link:focus-visible .coffee-card__image--secondary{opacity:1}}@media(prefers-reduced-motion:reduce){.coffee-card__image--primary,.coffee-card__image--secondary{transition:none}}.coffee-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ash-warm);background:var(--parchment)}.coffee-card__image-placeholder .icon{width:48px;height:48px;opacity:.3;stroke:currentColor;fill:none}.coffee-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.coffee-card__tag{font-family:var(--font-mono);font-size:var(--fs-mono-xs);font-weight:500;text-transform:uppercase;letter-spacing:.18em;padding:4px 10px;background:var(--paper);color:var(--ink);border-radius:var(--radius-pill);line-height:1.4;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.coffee-card__tag-marker{font-family:var(--font-display);font-style:italic;font-size:.95em;line-height:1}.coffee-card__tag--microlot{background:var(--ink);color:var(--paper)}.coffee-card__tag--new,.coffee-card__tag--single-origin{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:3px 9px}.coffee-card__tag--blend{background:var(--paper);color:var(--copper-deep);border:1px solid var(--copper-deep);padding:3px 9px}.coffee-card__tag--decaf{background:var(--bark);color:var(--paper)}.coffee-card__tag--competition{background:var(--indigo);color:var(--gold)}.coffee-card__tag--competition .coffee-card__tag-marker{color:var(--gold)}.coffee-card__tag--bestseller{background:var(--gold);color:var(--ink);border-radius:0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);padding:4px 14px}.coffee-card__tag--gold-label{color:var(--ink);border-radius:0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);padding:4px 16px;background-image:linear-gradient(120deg,var(--gold) 0%,#F0D89C 25%,#FFFFFF 50%,#F0D89C 75%,var(--gold) 100%);background-size:250% 100%;background-position:0% 0%;animation:gold-label-shimmer 3.5s linear infinite}.coffee-card__tag--gold-label .coffee-card__tag-marker{color:var(--ink)}@keyframes gold-label-shimmer{0%{background-position:100% 0%}to{background-position:-150% 0%}}@media(prefers-reduced-motion:reduce){.coffee-card__tag--gold-label{animation:none;background-image:none;background-color:var(--gold)}}.coffee-card__tag--coferment{background:var(--green-bean);color:var(--paper);border-radius:0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:4px 14px}.coffee-card__tag--coferment .coffee-card__tag-marker{color:var(--gold)}.coffee-card__tag--rarity{background:var(--plum);color:var(--paper);border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);padding:4px 18px}.coffee-card__tag--rarity .coffee-card__tag-marker{color:var(--gold)}.coffee-card__sca{flex-shrink:0;align-self:flex-start;display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;background:var(--copper-deep);color:var(--paper);line-height:1}.coffee-card__sca-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.9}.coffee-card__sca-value{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--fs-base);letter-spacing:-.02em}.coffee-card__info{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 auto}.coffee-card__title{font-family:var(--font-display);font-style:normal;font-weight:300;font-size:clamp(.9375rem,1.1vw,1.125rem);line-height:1.3;letter-spacing:-.015em;color:var(--ink);margin:0}.coffee-card__title a{color:inherit;text-decoration:none;transition:color var(--duration-base) var(--ease-smooth)}.coffee-card__title a:hover,.coffee-card__title a:focus-visible{color:var(--copper-deep)}.coffee-card__title a:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:2px}.coffee-card__meta-row{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.coffee-card__meta{font-family:var(--font-mono);font-size:var(--fs-mono-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--bark);margin:0;flex:1 1 auto;min-width:0;line-height:1.4}.coffee-card__altitude{font-family:var(--font-mono);font-size:var(--fs-mono-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--bark);flex-shrink:0}.coffee-card__sca-badge{display:inline-flex;align-items:baseline;gap:5px;padding:3px 8px;border:1px solid var(--copper-deep);flex-shrink:0;line-height:1}.coffee-card__sca-badge-label{font-family:var(--font-mono);font-size:var(--fs-mono-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--copper-deep)}.coffee-card__sca-badge-value{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--fs-base);color:var(--copper-deep);letter-spacing:-.02em}.coffee-card__process{font-family:var(--font-mono);font-size:var(--fs-mono-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--copper-deep);margin:0;line-height:1.4}.coffee-card__notes{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.coffee-card__note{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:.8125rem;color:var(--bark);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:2px 10px;background:transparent;line-height:1.2;transition:background-color var(--duration-base) var(--ease-smooth),color var(--duration-base) var(--ease-smooth),border-color var(--duration-base) var(--ease-smooth)}@media(hover:hover){.coffee-card__note:hover{background:var(--sand-soft);color:var(--copper-deep);border-color:var(--copper)}}.coffee-card__sensory{display:flex;flex-direction:column;gap:6px;margin-top:0}.coffee-card__sensory-row{display:grid;grid-template-columns:80px 1fr;gap:var(--space-3);align-items:center}.coffee-card__sensory-label{font-family:var(--font-mono);font-size:var(--fs-mono-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--bark);line-height:1}.coffee-card__sensory-bar{display:flex;align-items:center;gap:6px;width:100%}.coffee-card__sensory-dash{flex:1;height:2px;background:var(--border);border-radius:1px;transition:background-color var(--duration-slow) var(--ease-smooth)}.coffee-card__sensory-dash--filled{background:var(--copper)}@media(prefers-reduced-motion:reduce){.coffee-card__sensory-dash{transition:none}}.coffee-card__footer{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid rgba(184,115,51,.3)}.coffee-card__price-block{display:flex;flex-direction:column;gap:2px;min-width:0}.coffee-card__price{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1.5rem,2vw,1.875rem);color:var(--copper-deep);line-height:1;letter-spacing:-.01em}.coffee-card__variant-meta{font-family:var(--font-mono);font-size:var(--fs-mono-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--bark);line-height:1}.coffee-card__add-form{margin:0;flex-shrink:0}.coffee-card__add-link{font-family:var(--font-mono);font-size:var(--fs-mono-base);font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--ink);background:transparent;border:none;padding:0;cursor:pointer;line-height:1;transition:color var(--duration-base) var(--ease-smooth)}.coffee-card__add-link:hover,.coffee-card__add-link:focus-visible{color:var(--copper-deep)}.coffee-card__add-link:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.coffee-card__add-link:disabled,.coffee-card__add-link[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.coffee-card--unavailable .coffee-card__image-wrap{position:relative}.coffee-card--unavailable .coffee-card__image{filter:grayscale(.4) brightness(.85);opacity:.7}.coffee-card__soldout-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;font-family:var(--font-mono);font-size:var(--fs-mono-sm);font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--paper);background:#1a140ed9;padding:.5rem 1.25rem;border-radius:var(--radius-pill, 999px);white-space:nowrap;pointer-events:none}.coffee-card--unavailable .coffee-card__title,.coffee-card--unavailable .coffee-card__price{opacity:.7}.coffee-card--unavailable .coffee-card__add-link{cursor:not-allowed;opacity:.5;pointer-events:none}.coffee-card--unavailable .coffee-card__add-link[disabled]{background:transparent;color:var(--ash-warm);border-color:#1a140e26}.coffee-card__type-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-mono-sm);font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--copper-deep);background:#b873331a;padding:.375rem .75rem;border-radius:2px;line-height:1}.coffee-card__type-badge--accessory:before{content:"";display:inline-block;width:6px;height:6px;background:var(--copper);border-radius:50%}@media(prefers-reduced-motion:reduce){.coffee-card__image,.coffee-card__title a,.coffee-card__add-link,.coffee-card__note,.home-origins__view-all,.home-origins__view-all-mobile{transition:none}.coffee-card__image-link:hover .coffee-card__image,.coffee-card__image-link:focus-visible .coffee-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/snippet-coffee-card.css.map */