:root{
  --stel-green: #6BA539;
  --stel-orange: #F8981D;
  --eco-bg-1: #f7fff7;
}
body{
  background: linear-gradient(180deg, var(--eco-bg-1) 0%, #ffffff 30%);
  font-family: system-ui, sans-serif;
}
.brand-logo { height: 32px; width: auto; object-fit: contain; }
.badge-eco { background: #fff6e9; color: #b15e00; border: 1px solid #ffe0b3; }
.btn-accent{ background: var(--stel-orange); color: #fff; border:none; }
.btn-accent:hover{ filter: brightness(.95); color:#fff; }
.toolbar .muted { color: #6b7280; }
.range-km{ width:220px; }
#map { height: 360px; width: 100%; z-index: 1; }
.map-wrap { background: #f6fef6; }
.map-legend { background: #fefefe; }
.legend-dot {
  width: 14px; height: 14px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-block;
}
.card-product img { width:100%; aspect-ratio:3/2; object-fit:contain; }
.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.offcanvas-lg{ --bs-offcanvas-width: 460px; }
.small-legend{ font-size:.9rem; color:#4b5563; }
.leaflet-control-attribution { font-size: 0.75rem; color: #777; }