:root{--hg-cream: #fffbf6;--hg-truffle: #f6e9de;--hg-cinemon: #eed4bb;--hg-natural: #163727;--hg-highlight: #f95c35;--hg-base: #1d1d1b}.hg-card{display:flex;flex-direction:column;height:100%;min-width:0;color:var(--hg-base);font-family:var(--font-body-family)}.hg-card__shot{position:relative;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--hg-cinemon)}.hg-card__image-link,.hg-card__image-link img,.hg-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.hg-card__stock,.hg-card__badge{background:var(--hg-cream);border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700;line-height:1.3}.hg-card__stock{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px)}.hg-card__stock--low{color:var(--hg-base)}.hg-card__stock--low:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle}.hg-card__badges{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 68px);pointer-events:none}.hg-card__badge{display:flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.hg-card__quick-shop{position:absolute;bottom:8px;right:8px}.hg-card__quick-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:8px;background:var(--hg-highlight);color:var(--hg-cream);font:700 28px/1 var(--font-body-family);cursor:pointer}.hg-card__quick-button:hover{filter:brightness(.88)}.hg-card__quick-button.loading>span{visibility:hidden}.hg-card__quick-button .loading__spinner{position:absolute;width:20px}.hg-card__content{display:flex;flex:1;flex-direction:column;gap:8px;padding-top:10px;min-width:0}.hg-card a{color:inherit;text-decoration:none}.hg-card a:hover{text-decoration:underline}.hg-card a:focus-visible,.hg-card button:focus-visible,.hg-promo a:focus-visible{outline:2px solid var(--hg-natural);outline-offset:3px}.hg-card__rating{height:18px;flex:none;font-size:12px;line-height:18px}.hg-card__rating a{display:inline-flex;gap:6px;align-items:center}.hg-card__stars{position:relative;display:inline-block;color:var(--hg-cinemon);letter-spacing:1px;font-size:13px}.hg-card__stars>span{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--rating-fill);overflow:hidden;color:var(--hg-highlight)}.hg-card__review-count,.hg-card__claim,.hg-card__unit,.hg-card__from,.hg-card__old{color:var(--hg-base)}.hg-card__name{margin:0;min-height:2.4em;font-family:var(--font-heading-family);font-size:14px;font-weight:700;line-height:1.2;color:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hg-card__claim{margin:0;height:2.8em;flex:none;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hg-card__flavors{display:flex;align-items:center;gap:5px;height:27px;flex:none;overflow:hidden}.hg-card__chip{overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;max-width:100%;height:27px;padding:3px 8px;border:1px solid var(--hg-cinemon);border-radius:999px;font-size:10px;font-weight:600;line-height:19px;white-space:nowrap}.hg-card__flavors>.hg-card__chip{flex:none}.hg-card__flavors>.hg-card__chip:first-child{display:block;flex-shrink:1;min-width:0}.hg-card__pricing{margin-top:auto;padding-top:2px}.hg-card__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}.hg-card__price{font-size:18px;font-weight:700;line-height:1.3}.hg-card__from,.hg-card__old{font-size:12px}.hg-card__unit{min-height:2.8em;margin-top:6px;font-size:11px;line-height:1.4}.hg-promo{height:100%;min-width:0;display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--hg-natural);color:var(--hg-cream);border-radius:4px}.hg-promo--light{background:var(--hg-cinemon);color:var(--hg-base)}.hg-promo__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.hg-promo__image{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.hg-promo__title{margin:auto 0 0;color:inherit;font-size:20px;line-height:1.15}.hg-promo__text{margin:0;font-size:13px;line-height:1.4}.hg-promo__cta{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;font-size:12px;font-weight:700;text-align:center}.hg-promo--light .hg-promo__cta{background:var(--hg-highlight);color:var(--hg-cream);border-color:var(--hg-highlight)}#product-grid.hg-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}#product-grid.hg-listing-grid>.grid__item{width:auto;max-width:none;min-width:0}@media(min-width:750px){#product-grid.hg-listing-grid{gap:28px 16px}.hg-card__chip{font-size:11px}}@media(min-width:1024px){#product-grid.hg-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.hg-card__name{font-size:18px}.hg-card__claim{font-size:14px}.hg-card__price{font-size:21px}.hg-promo__title{font-size:24px}}.hg-card__quick-shop form{margin:0}.hg-card__quick-button{transition:background-color .18s ease,transform .18s ease;touch-action:manipulation}.hg-card__quick-button:active{transform:scale(.94)}.hg-card__add-check{display:none;font-size:22px}.hg-card__add-count{position:absolute;top:-7px;right:-5px;min-width:20px;height:20px;padding:0 4px;border:2px solid var(--hg-cream);border-radius:999px;background:var(--hg-truffle);color:var(--hg-base);font-size:10px;line-height:16px;text-align:center}.hg-card__add-count[hidden],.hg-card__add-feedback a[hidden]{display:none}.hg-card__add-feedback{position:absolute;right:0;bottom:54px;width:max-content;max-width:120px;padding:7px 9px;border-radius:6px;background:var(--hg-cream);color:var(--hg-base);font-size:11px;font-weight:600;line-height:1.35;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.hg-card__add-feedback a{pointer-events:auto;display:block;margin-top:6px;text-decoration:underline}.hg-card__quick-shop[data-state=loading] .hg-card__add-icon{visibility:hidden}.hg-card__quick-shop[data-state=success] .hg-card__quick-button{background:var(--hg-natural)}.hg-card__quick-shop[data-state=success] .hg-card__add-icon{display:none}.hg-card__quick-shop[data-state=success] .hg-card__add-check{display:block}.hg-card__quick-shop[data-state=success] .hg-card__add-feedback,.hg-card__quick-shop[data-state=error] .hg-card__add-feedback{opacity:1;visibility:visible;transform:none}.hg-card__quick-shop[data-state=error] .hg-card__add-feedback{pointer-events:auto}@media(prefers-reduced-motion:reduce){.hg-card__quick-button,.hg-card__add-feedback{transition:none;transform:none}}heimat-card-add.hg-card__quick-shop{top:0;right:0;bottom:0;left:0;pointer-events:none}heimat-card-add .hg-card__quick-button{position:absolute;right:8px;bottom:8px;pointer-events:auto}heimat-card-add .hg-card__add-feedback{right:8px;bottom:62px}heimat-card-add[data-state=error] .hg-card__add-feedback{left:8px;width:auto;max-width:none;max-height:calc(100% - 78px);overflow-y:auto}.hg-pack{width:min(480px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--hg-cream);color:var(--hg-base);font-family:var(--font-body-family);box-shadow:0 24px 80px color-mix(in srgb,var(--hg-base) 22%,transparent)}.hg-pack:not([open]){display:none}.hg-pack::backdrop{background:color-mix(in srgb,var(--hg-base) 48%,transparent)}body:has(.hg-pack[open]){overflow:hidden}.hg-pack__form{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);margin:0}.hg-pack__intro{position:relative;flex:none;padding:24px 58px 20px 24px;background:var(--hg-truffle)}.hg-pack__eyebrow{margin:0 0 8px;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.12em}.hg-pack__intro h2{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:26px;line-height:1.12;letter-spacing:-.025em}.hg-pack__close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.hg-pack__close:hover{background:var(--hg-cinemon)}.hg-pack__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 4px}.hg-pack__product{display:flex;align-items:center;gap:16px;margin-bottom:22px}.hg-pack__image{width:80px;height:80px;flex:none;object-fit:cover;border-radius:10px;background:var(--hg-cinemon)}.hg-pack__product h3{margin:0;font-family:var(--font-heading-family);color:inherit;font-size:18px;line-height:1.2}.hg-pack__options{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;border:0}.hg-pack__options legend{margin-bottom:10px;padding:0;font-size:13px;font-weight:700}.hg-pack__option{display:flex;align-items:center;gap:12px;min-height:70px;padding:13px;border:1px solid var(--hg-cinemon);border-radius:12px;cursor:pointer}.hg-pack__option:has(:checked){border-color:var(--hg-base);box-shadow:inset 0 0 0 1px var(--hg-natural);background:var(--hg-truffle)}.hg-pack__option:has(:disabled){opacity:.5;cursor:default}.hg-pack__option input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--hg-base)}.hg-pack__option-copy{min-width:0;flex:1}.hg-pack__option-name{display:block;font-size:15px;font-weight:700;line-height:1.3}.hg-pack__option-note{display:block;margin-top:3px;color:var(--hg-base);font-size:11px;line-height:1.4}.hg-pack__option-prices{display:flex;flex-direction:column;align-items:flex-end;flex:none;font-size:16px;line-height:1.3}.hg-pack__option-prices s{font-size:11px;color:var(--hg-base)}.hg-pack__footer{flex:none;padding:20px 24px 24px}.hg-pack__submit{position:relative;display:flex;justify-content:center;align-items:center;gap:14px;min-height:50px;width:100%;padding:12px 18px;border:0;border-radius:999px;background:var(--hg-highlight);color:var(--hg-base);font:700 15px/1.3 var(--font-body-family);cursor:pointer}.hg-pack__submit:hover{filter:brightness(.92)}.hg-pack__submit:disabled{cursor:not-allowed;background:var(--hg-truffle);color:var(--hg-base);filter:grayscale(1)}.hg-pack__submit[aria-busy=true]{cursor:wait}.hg-pack__submit .loading__spinner{position:static;width:18px}.hg-pack__error{margin:0 0 10px;font-size:13px;line-height:1.4}.hg-pack__cart-link{display:block;margin-bottom:12px;color:inherit;font-size:13px}.hg-pack [hidden]{display:none}.hg-pack button:focus-visible,.hg-pack a:focus-visible,.hg-pack input:focus-visible{outline:2px solid var(--hg-natural);outline-offset:3px}@media(min-width:750px){.hg-pack__intro{padding:28px 64px 24px 32px}.hg-pack__intro h2{font-size:30px}.hg-pack__body{padding:24px 32px 4px}.hg-pack__footer{padding:24px 32px 28px}.hg-pack__image{width:88px;height:88px}}.hg-card__badge>span:last-child{overflow:hidden;text-overflow:ellipsis}.hg-card__badge-icon{display:flex;flex:none;width:13px;height:13px}.hg-card__badge-icon svg{width:100%;height:100%;margin:0}.hg-card__badge-icon svg:not([fill=none]){fill:currentColor}.hg-pack__flavors{min-width:0;margin:0 0 20px;padding:0;border:0}.hg-pack__flavors legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:700}.hg-pack__flavor-select{width:100%;min-height:48px;padding:10px 36px 10px 14px;border:1px solid var(--hg-cinemon);border-radius:12px;background-color:var(--hg-cream);color:var(--hg-base);font:600 14px/1.4 var(--font-body-family);cursor:pointer}.hg-pack__flavor-select:focus-visible{outline:2px solid var(--hg-natural);outline-offset:3px}.hg-pack__option:has([data-available=false]) .hg-pack__option-note{font-weight:700}.hg-pack[open] .hg-pack__form{animation:hg-pack-enter .28s cubic-bezier(.2,.8,.2,1)}@keyframes hg-pack-enter{0%{transform:translateY(32px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:750px){.hg-pack[open] .hg-pack__form{animation:none}}@media(prefers-reduced-motion:reduce){.hg-pack[open] .hg-pack__form{animation:none}}.hg-pack__single-summary{display:flex;align-items:center;gap:16px;padding:4px 0}.hg-pack__single-summary .hg-pack__option-prices{order:-1;font-size:20px;align-items:flex-start}.hg-pack__single-summary .hg-pack__option-copy{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/84/assets/heimat-product-card.css.map */