.card__inner{position:relative}.coffee-card-top-badges{position:absolute;top:var(--sp-2, .8rem);left:var(--sp-2, .8rem);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;max-width:calc(100% - 1.6rem)}.coffee-card-top-badges:empty{display:none}.coffee-card-new-badge{white-space:nowrap}.product-card-wrapper .coffee-card-new-badge{background-color:#2563eb;color:#fff;border-color:transparent;border-radius:2px;padding:.4rem .9rem;font-size:1.2rem;letter-spacing:.03em}.coffee-badge-engine{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.coffee-badge-engine:empty{display:none}.coffee-badge-engine__badge{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.coffee-card-bean-strength{flex-shrink:0;margin-left:auto;display:flex;gap:2px;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.3rem .5rem}.coffee-card-bean{width:1rem;height:1rem;color:var(--color-border);display:inline-flex}.coffee-card-bean svg{width:100%;height:100%}.coffee-card-bean--filled{color:var(--color-ink)}.coffee-card-bean--filled .icon-bean__body{fill:currentColor}.coffee-card-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:.4rem;min-width:0}.coffee-card-campaign-row{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0}.coffee-card-campaign-row:empty{display:none}.coffee-card-campaign-badge{font-size:1.2rem;font-weight:700;padding:.3rem .7rem;border-radius:var(--radius-s);white-space:nowrap}.coffee-card-campaign-badge--discount{background-color:#ffd43b;color:var(--color-ink)}.coffee-card-campaign-badge--campaign{background-color:#e91e63;color:#fff;border:none}.product-card-wrapper .price--on-sale .price__sale{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.product-card-wrapper .price--on-sale .price-item--regular{font-size:1.3rem;font-weight:400;color:var(--color-ink-light);text-decoration:none}.product-card-wrapper .price-item--sale{font-size:1.6rem;font-weight:500;line-height:1;color:#e91e63;overflow-wrap:anywhere}.product-card-wrapper .price:not(.price--on-sale) .price-item--regular{font-size:1.6rem;font-weight:500;line-height:1;color:var(--color-ink);overflow-wrap:anywhere}@media screen and (min-width:750px){.product-card-wrapper .price-item--sale,.product-card-wrapper .price:not(.price--on-sale) .price-item--regular{font-size:1.8rem}}.product-card-wrapper .taste-chip{display:inline;border:none;padding:0;font-size:1rem;font-weight:400;color:var(--color-text-muted);white-space:normal}.product-card-wrapper .taste-chip+.taste-chip:before{content:" \b7  "}@media screen and (min-width:750px){.product-card-wrapper .taste-chip{font-size:1.2rem}}.coffee-card__roast-dots{margin-top:.4rem;margin-bottom:.2rem}.card__information .coffee-tasting-chips{display:block;margin-top:.4rem;margin-bottom:.6rem}.coffee-card__unit-price{color:var(--color-ink-light);margin-top:.2rem}.product-card-wrapper .coffee-card__unit-price{display:none}.card__information .coffee-freshness-badge{margin-top:.4rem;font-size:1.1rem;display:flex;align-items:center;gap:.4rem}.card__information .coffee-freshness-badge .svg-wrapper{width:1.2rem;height:1.2rem;flex-shrink:0}.coffee-card-grind-trigger{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;padding:0;border:none;background:none;color:var(--color-ink-light);cursor:pointer;text-decoration:none;min-height:32px}.coffee-card-grind-trigger:hover{color:rgb(var(--color-foreground))}.coffee-card-grind-trigger__icon svg{width:1rem;height:1rem;transform:rotate(90deg)}.card-information:not(:has(.coffee-card-grind-trigger)):after{content:"";display:block;margin-top:.4rem;height:32px}.product-card-wrapper>.card>.card__inner{box-sizing:border-box;border-radius:1.4rem 1.4rem 0 0;border:1px solid var(--color-border);border-bottom:none;background-color:var(--color-surface);padding:var(--sp-4);transition:border-color var(--duration-ui) var(--ease-out)}.product-card-wrapper>.card>.card__content{box-sizing:border-box;border:1px solid var(--color-border);border-top:none;border-radius:0 0 1.4rem 1.4rem;background-color:var(--color-surface);padding:var(--sp-4);transition:border-color var(--duration-ui) var(--ease-out)}.product-card-wrapper:hover>.card>.card__inner,.product-card-wrapper:hover>.card>.card__content{border-color:var(--color-ink-light)}.product-card-wrapper>.card>.card__content .card__information{padding:0}.product-card-wrapper>.card>.card__content>*{min-width:0}.product-card-wrapper .card__inner.ratio{display:block}.product-card-wrapper .card__inner.ratio:before{content:none}.product-card-wrapper>.card>.card__inner .card__media,.product-card-wrapper .card__inner .card__media{position:static;top:auto;bottom:auto;margin:0;width:100%;aspect-ratio:1 / 1;background-color:var(--color-bg-product, #f2f2f2);border-radius:var(--radius-s);overflow:hidden}.product-card-wrapper .card__inner .card__media .media{position:relative;top:auto;bottom:auto;width:100%;height:100%}.product-card-wrapper .card__inner .card__media .media>img{object-fit:contain}.product-card-wrapper .coffee-freshness-badge{width:fit-content;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.3rem .8rem}.product-card-wrapper .coffee-card-grind-trigger{padding:0 1rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface)}.product-card-wrapper .coffee-card-grind-trigger:hover{border-color:var(--color-ink-light);background-color:var(--color-bg-subtle)}.product-card-wrapper .card-information>.price{margin-top:var(--sp-1)!important}.product-card-wrapper .coffee-card__unit-price{font-family:var(--font-body-family, inherit);font-size:1rem;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--color-text-muted);margin-top:var(--sp-1)}@media screen and (min-width:750px){.product-card-wrapper .coffee-card__unit-price{font-size:1.2rem}}.product-card-wrapper .coffee-card__roast-dots{margin-top:var(--sp-2);margin-bottom:var(--sp-1)}.product-card-wrapper .card__information .coffee-tasting-chips{margin-top:var(--sp-2);margin-bottom:var(--sp-2)}.product-card-wrapper .card__information .coffee-freshness-badge{margin-top:var(--sp-2)}.product-card-wrapper .quick-add__submit{--color-button: 163, 230, 53;--color-button-text: 17, 17, 17;font-weight:var(--button-weight);letter-spacing:var(--button-tracking)}.product-card-wrapper .quick-add__submit{text-transform:none}.product-card-wrapper .quick-add__submit,.product-card-wrapper .quick-add__submit:before,.product-card-wrapper .quick-add__submit:after{border-radius:2px}.coffee-card-add{display:block;margin-top:var(--sp-2)}.coffee-card-controls-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--sp-1);margin-bottom:var(--sp-2);min-width:0;--coffee-card-control-height: 4.2rem}.coffee-card-controls-row variant-selects{display:contents}.coffee-card-select-wrap{position:relative;flex:1 1 auto;min-width:5.4rem;border:0;padding:0;margin:0}.coffee-card-select-wrap--gramaj{flex:0 0 27%}.coffee-card-select-wrap--form{flex:1 1 auto}.coffee-card-select{width:100%;height:var(--coffee-card-control-height);box-sizing:border-box;appearance:none;-webkit-appearance:none;background-color:var(--color-surface);border:1px solid var(--color-ink-light);border-radius:var(--radius-m);padding:0 1.6rem 0 .6rem;font-size:1.2rem;font-weight:600;color:var(--color-ink);cursor:pointer;transition:border-color var(--duration-ui) var(--ease-out);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coffee-card-select:hover{border-color:var(--color-ink-light)}.coffee-card-select:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.coffee-card-select__caret{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:.9rem;height:.9rem;color:var(--color-ink-light);pointer-events:none}.coffee-card-select__caret svg{width:100%;height:100%}.coffee-card-qty{flex:0 0 auto;width:auto;min-height:auto}.coffee-card-qty.quantity{width:auto;height:var(--coffee-card-control-height);box-sizing:border-box;border:1px solid var(--color-ink-light);border-radius:var(--radius-m);background-color:var(--color-surface)}.coffee-card-qty.quantity:before,.coffee-card-qty.quantity:after{content:none}.coffee-card-qty .quantity__button{width:3.2rem;height:100%;font-size:1.3rem}.coffee-card-qty .quantity__input{width:3rem;height:100%;font-size:1.2rem;padding:0}.coffee-card-add .coffee-grind-conditional{margin-bottom:var(--sp-2)}.coffee-card-add .quick-add__submit{margin-top:var(--sp-2)}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-coffee-card.css.map */