html{--lumo-primary-color:#327b59;--lumo-primary-text-color:#29704f;--lumo-primary-color-50pct:#327b5980;--lumo-primary-color-10pct:#327b591a;--lumo-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.card,.detail-form{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m)}.product-grid{gap:var(--lumo-space-m);padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-l);grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));align-content:start;display:grid}.product-grid-empty{padding:var(--lumo-space-xl) var(--lumo-space-m);text-align:center;grid-column:1/-1}.product-link{height:100%;color:inherit;border-radius:var(--lumo-border-radius-l);text-decoration:none;display:block}.product-link:focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px}.product-card{height:100%;transition:transform .12s ease-out,box-shadow .12s ease-out}.product-link:hover .product-card{box-shadow:var(--lumo-box-shadow-s);transform:translateY(-2px)}.product-image{object-fit:cover;width:100%;display:block}.product-image-placeholder{background:var(--lumo-contrast-5pct);justify-content:center;align-items:center;width:100%;display:flex}.product-count{font-size:var(--lumo-font-size-xxl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.product-count-box{flex-direction:column;gap:.15rem;display:flex}.product-footer{flex-direction:column;gap:.2rem;display:flex}.tag-bar{gap:var(--lumo-space-xs);padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);flex-wrap:wrap;display:flex}.tag-chip-link{border-radius:var(--lumo-border-radius-m);text-decoration:none}.tag-chip-link:focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px}.tag-chip{align-items:center;gap:var(--lumo-space-xs);padding:.15rem var(--lumo-space-s);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-contrast-5pct);color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);transition:background .12s ease-out,border-color .12s ease-out;display:inline-flex}.tag-chip-link:hover .tag-chip{background:var(--lumo-contrast-10pct)}.tag-chip.selected{background:var(--lumo-primary-color);border-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}.tag-chip-link:hover .tag-chip.selected{background:var(--lumo-primary-color-50pct)}.tag-chip-count{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color);font-variant-numeric:tabular-nums}.tag-chip-remove{font-size:var(--lumo-font-size-s);opacity:.8;line-height:1}.tag-chip-clear{color:var(--lumo-secondary-text-color);background:0 0;border-style:dashed}.product-tags{flex-wrap:wrap;gap:.2rem;display:flex}.product-tag{border-radius:var(--lumo-border-radius-s);background:var(--lumo-contrast-5pct);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxs);padding:0 .35rem;line-height:1.5}.detail-back{align-items:center;gap:var(--lumo-space-xs);flex-wrap:wrap;padding-block-end:var(--lumo-space-xs);display:flex}.detail-back-link{margin-inline-end:var(--lumo-space-xs)}.detail-columns{gap:var(--lumo-space-l);grid-template-columns:minmax(15rem,21rem) 1fr;align-items:start;width:100%;display:grid}@media (width<=800px){.detail-columns{grid-template-columns:1fr}}.detail-side{gap:var(--lumo-space-m);flex-direction:column;display:flex}.detail-side .product-image,.detail-side .product-image-placeholder{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l)}.detail-steppers{gap:var(--lumo-space-xs)}.detail-meta{font-size:var(--lumo-font-size-xxs);color:var(--lumo-tertiary-text-color);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.detail-gtin{padding:.15rem var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-size:var(--lumo-font-size-s);letter-spacing:.04em;margin-block-end:var(--lumo-space-xs);font-weight:600}.list-row{padding:var(--lumo-space-xs) 0;border-bottom:1px solid var(--lumo-contrast-5pct)}.list-row:last-child{border-bottom:none}
