.produktgrid__item{min-width:0;background:var(--produktgrid-card)}
.produktgrid__card{position:relative;display:grid;height:100%;grid-template-rows:minmax(0,1fr) auto;color:var(--produktgrid-ink);isolation:isolate}
.produktgrid__product-link{display:grid;grid-template-rows:auto 1fr;min-width:0;height:100%;color:inherit;text-decoration:none}
.produktgrid__media{--produktgrid-media-inset:clamp(.875rem,1.35vw,1.25rem);position:relative;z-index:1;display:block;width:100%;min-width:0;aspect-ratio:1;overflow:visible;background:var(--produktgrid-media)}
.produktgrid__media::before{position:absolute;top:50%;left:50%;width:76%;aspect-ratio:1;border-radius:50%;background:var(--produktgrid-yellow);content:"";transform:translate(-50%,-50%)}
.produktgrid__labels{position:absolute;z-index:2;inset-block-start:.875rem;inset-inline-end:.875rem;display:grid;justify-items:end;gap:.25rem;pointer-events:none}
.produktgrid__label{display:inline-flex;min-height:1.7rem;align-items:center;justify-content:center;padding:.25rem .48rem;color:var(--produktgrid-ink);font-family:var(--font-functional-family);font-size:.6875rem;font-weight:900;letter-spacing:.015em;line-height:1;text-transform:uppercase}
.produktgrid__label--bio{background:var(--produktgrid-yellow)}
.produktgrid__label--vegan{background:var(--produktgrid-ink);color:var(--produktgrid-media)}
.produktgrid__item--2 .produktgrid__media::before{background:var(--produktgrid-pink)}
.produktgrid__item--3 .produktgrid__media::before{background:var(--produktgrid-red)}
.produktgrid__item--4 .produktgrid__media::before,.produktgrid__item--8 .produktgrid__media::before{background:var(--produktgrid-parchment)}
.produktgrid__item--5 .produktgrid__media::before{background:var(--produktgrid-pink)}
.produktgrid__item--6 .produktgrid__media::before{background:var(--produktgrid-yellow)}
.produktgrid__item--7 .produktgrid__media::before{background:var(--produktgrid-red)}
.produktgrid__image{position:absolute;z-index:1;inset:var(--produktgrid-media-inset);width:calc(100% - var(--produktgrid-media-inset) * 2);height:calc(100% - var(--produktgrid-media-inset) * 2);max-width:none;object-fit:contain;filter:drop-shadow(.75rem 1.0625rem .875rem rgba(42,32,16,.18));transition:transform var(--motion-duration-standard) var(--motion-ease-standard)}
.produktgrid__image--placeholder{color:color-mix(in srgb,var(--produktgrid-ink),transparent 70%)}
.produktgrid__copy{display:grid;min-width:0;align-content:start;justify-items:center;gap:.5rem;padding:1.25rem var(--produktgrid-card-inline,1.5rem) 1.5rem;text-align:center}
.produktgrid__category{max-width:100%;font-family:var(--font-functional-family);font-size:.6875rem;font-weight:600;letter-spacing:.055em;line-height:1.3;text-transform:uppercase;overflow-wrap:anywhere}
.produktgrid__title{max-width:19ch;margin:0;font-family:var(--font-display-family);font-size:clamp(1.3rem,1.5vw,1.5rem);font-weight:var(--type-display-weight);letter-spacing:-.025em;line-height:1.12;text-wrap:balance;hyphens:manual;overflow-wrap:anywhere}
.produktgrid__quantity{max-width:100%;color:color-mix(in srgb,var(--produktgrid-ink) 80%,var(--produktgrid-card));font-family:var(--font-functional-family);font-size:.8125rem;font-weight:500;line-height:1.4;text-wrap:balance;overflow-wrap:anywhere}
.produktgrid__commerce{display:grid;min-width:0;gap:.75rem;margin-inline:var(--produktgrid-card-inline,1.5rem);padding-block:1rem 1.25rem;border-block-start:1px solid color-mix(in srgb,var(--produktgrid-ink) 16%,var(--produktgrid-card));text-align:center}
.produktgrid__prices{display:grid;min-width:0;justify-items:center;gap:.25rem}
.produktgrid__prices .italian-unit-price{margin-block-start:0;color:color-mix(in srgb,var(--produktgrid-ink),transparent 20%)}
.produktgrid__price{font-family:var(--font-price-family,var(--font-functional-family));font-size:1.1875rem;font-style:var(--font-price-style,normal);font-variant-numeric:tabular-nums;font-weight:var(--font-price-weight,400);letter-spacing:.005em;line-height:1.25;overflow-wrap:anywhere}
.produktgrid__action{display:flex;min-width:0;margin:0;padding:0}
.produktgrid__basket{position:relative;display:inline-flex;width:100%;min-height:2.875rem;align-items:center;justify-content:center;padding:.75rem .875rem;border:0;border-radius:0;background:var(--produktgrid-ink);color:var(--produktgrid-media);font-family:var(--font-functional-family);font-size:.75rem;font-weight:800;letter-spacing:.01em;line-height:1.25;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:color var(--motion-duration-fast) ease,background var(--motion-duration-fast) ease}
.produktgrid__product-link:hover .produktgrid__image{transform:translateY(-.375rem) rotate(-1deg) scale(1.025)}
.produktgrid__basket:hover:not(:disabled){background:var(--produktgrid-red);color:var(--produktgrid-media)}
.produktgrid__basket:disabled{background:color-mix(in srgb,var(--produktgrid-ink) 10%,var(--produktgrid-card));color:color-mix(in srgb,var(--produktgrid-ink) 80%,var(--produktgrid-card));cursor:not-allowed}
.produktgrid__quick-form[aria-busy=true] .produktgrid__basket{background:var(--produktgrid-ink);color:var(--produktgrid-media);cursor:progress}
.produktgrid__product-link:focus-visible,.produktgrid__basket:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-inset-offset)}
@media screen and (max-width:700px){.produktgrid__card{--produktgrid-card-inline:.75rem}.produktgrid__media{--produktgrid-media-inset:.625rem}.produktgrid__labels{inset-block-start:.5rem;inset-inline-end:.5rem;gap:.1875rem}.produktgrid__label{min-height:1.45rem;padding:.2rem .35rem;font-size:.625rem}.produktgrid__copy{gap:.375rem;padding:1rem var(--produktgrid-card-inline) 1.125rem}.produktgrid__category{font-size:.625rem}.produktgrid__title{max-width:16ch;font-size:clamp(1rem,4.6vw,1.2rem);line-height:1.12}.produktgrid__quantity{font-size:.75rem}.produktgrid__commerce{gap:.625rem;padding-block:.75rem}.produktgrid__price{font-size:1.0625rem}.produktgrid__basket{min-height:3rem;padding:.625rem .375rem;font-size:.6875rem}.produktgrid__product-link:hover .produktgrid__image{transform:none}}
@media(prefers-reduced-motion:reduce){.produktgrid__image,.produktgrid__basket{transition:none}.produktgrid__product-link:hover .produktgrid__image{transform:none}}