.coffee-lineup-section{position:relative;width:100%;box-sizing:border-box}.coffee-lineup__inner{width:100%;box-sizing:border-box}.coffee-lineup__header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #c59b6d;gap:1.25rem}@media(min-width:768px){.coffee-lineup__header{flex-direction:row;align-items:flex-end;margin-bottom:3.5rem}}.coffee-lineup__header-content{display:flex;flex-direction:column;gap:.5rem}.coffee-lineup__heading{font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:1.1;color:var(--coffee-heading, inherit);margin:0}.coffee-lineup__subheading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--coffee-subtext, rgba(var(--color-foreground, 30, 42, 34), .7));margin:0}.coffee-lineup__description{font-size:1rem;color:var(--coffee-subtext, rgba(var(--color-foreground, 30, 42, 34), .75));margin-top:.5rem}.coffee-lineup__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--coffee-subtext, rgba(var(--color-foreground, 30, 42, 34), .75));text-decoration:none;transition:color .25s ease,transform .25s ease;white-space:nowrap}.coffee-lineup__link:hover{color:var(--color-primary, #c59b6d)}.coffee-lineup__link svg{transition:transform .25s ease}.coffee-lineup__link:hover svg{transform:translate(4px)}.coffee-card{display:flex;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box}.coffee-card__media-wrapper{position:relative;width:100%;aspect-ratio:var(--coffee-image-ratio, 4 / 5);background-color:rgba(var(--color-foreground, 30, 42, 34),.05);overflow:hidden;margin-bottom:1.5rem;border-radius:0;display:block}.coffee-card__image{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s ease}.coffee-card:hover .coffee-card__image{opacity:1;transform:scale(1.05)}.coffee-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground, 30, 42, 34),.08);color:var(--color-primary, #c59b6d)}.coffee-card__placeholder svg{width:50%;height:50%;opacity:.4}.coffee-card__badge{position:absolute;top:1rem;right:1rem;background-color:var(--color-primary, #c59b6d);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase;letter-spacing:.05em;z-index:2;pointer-events:none}.coffee-card__title{font-weight:800;font-size:1.5rem;line-height:1.2;text-transform:uppercase;letter-spacing:-.02em;color:inherit;margin:0 0 1rem}.coffee-card__title a{color:inherit;text-decoration:none;transition:color .2s ease}.coffee-card:hover .coffee-card__title a{color:var(--color-primary, #c59b6d)}.coffee-card__specs{font-size:.75rem;text-transform:uppercase;border-top:1px solid rgba(var(--color-foreground, 30, 42, 34),.15);padding-top:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}.coffee-card__spec-item{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.coffee-card__spec-label{color:rgba(var(--color-foreground, 30, 42, 34),.65);letter-spacing:.06em;flex-shrink:0}.coffee-card__spec-value{color:rgb(var(--color-foreground, 30, 42, 34));font-weight:700;text-align:right;letter-spacing:.02em}.coffee-card__spec-item--notes{padding-top:.5rem;margin-top:.25rem;border-top:1px solid rgba(var(--color-foreground, 30, 42, 34),.08)}.coffee-card__roast{margin-bottom:1.5rem}.coffee-card__roast-labels{display:flex;justify-content:space-between;font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-foreground, 30, 42, 34),.65);margin-bottom:.5rem}.coffee-card__roast-bars{display:flex;gap:4px;height:8px;width:100%}.coffee-card__roast-bar{flex:1;height:100%;background-color:rgba(var(--color-foreground, 30, 42, 34),.12);border-radius:1px;transition:background-color .3s ease}.coffee-card__roast-bar.is-active{background-color:rgb(var(--color-foreground, 30, 42, 34))}.coffee-card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgb(var(--color-foreground, 30, 42, 34));padding-top:1rem;margin-top:auto;gap:1rem}.coffee-card__price-wrapper{display:flex;align-items:baseline;gap:.5rem}.coffee-card__price{font-size:1.125rem;font-weight:700;color:inherit;line-height:1}.coffee-card__price--compare{font-size:.875rem;color:rgba(var(--color-foreground, 30, 42, 34),.5);text-decoration:line-through;line-height:1}.coffee-card__action{margin:0;display:inline-flex}.coffee-card__atc-btn{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:inherit;background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:color .2s ease,opacity .2s ease;line-height:1;text-decoration:none}.coffee-card__atc-btn:hover:not(:disabled){color:var(--color-primary, #c59b6d)}.coffee-card__atc-btn:disabled{opacity:.5;cursor:not-allowed}.coffee-card__atc-btn svg.lucide-arrow-right{transition:transform .25s ease;width:1rem;height:1rem;flex-shrink:0}.coffee-card__atc-btn:hover:not(:disabled) svg.lucide-arrow-right{transform:translate(3px)}.coffee-card__spinner{display:none;width:1rem;height:1rem;margin-right:.375rem}.m-spinner-loading .coffee-card__spinner{display:inline-flex}.m-spinner-loading .coffee-card__atc-btn svg.lucide-arrow-right{display:none}.m-spinner-loading .coffee-card__atc-text{opacity:.7}@media(max-width:767px){[data-columns-mobile="2"] .coffee-card__title{font-size:1.0625rem;margin-bottom:.5rem}[data-columns-mobile="2"] .coffee-card__media-wrapper{margin-bottom:.75rem}[data-columns-mobile="2"] .coffee-card__badge{font-size:.625rem;padding:.15rem .45rem;top:.5rem;right:.5rem}[data-columns-mobile="2"] .coffee-card__specs{font-size:.625rem;gap:.25rem;padding-top:.5rem;margin-bottom:.75rem}[data-columns-mobile="2"] .coffee-card__roast{margin-bottom:.75rem}[data-columns-mobile="2"] .coffee-card__roast-labels{font-size:.5rem;margin-bottom:.25rem}[data-columns-mobile="2"] .coffee-card__roast-bars{height:6px;gap:2px}[data-columns-mobile="2"] .coffee-card__footer{padding-top:.5rem}[data-columns-mobile="2"] .coffee-card__price{font-size:.875rem}[data-columns-mobile="2"] .coffee-card__atc-btn{font-size:.6875rem}[data-columns-mobile="2"] .coffee-card__atc-btn svg.lucide-arrow-right{width:.75rem;height:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/coffee-lineup.css.map */