.discover-grid { display: grid; grid-template-columns: 1.15fr minmax(280px, 0.85fr); gap: 32px; align-items: stretch; justify-items: start; }
.map-panel, .region-panel, .filter-bar { width: 100%; background: var(--clr-bg-card); border: 1px solid var(--clr-border); border-radius: var(--radius-xl); }
.map-panel { min-height: 520px; position: relative; overflow: hidden; background-image: linear-gradient(135deg, rgba(74,222,0,0.06), rgba(255,255,255,0.02)), url('../../assets/images/fbca330827e5.jpg'); background-size: cover; background-position: center; }
.map-panel::after { content: ''; position: absolute; inset: 0; background: rgba(7,15,7,0.5); }
.map-pin { position: absolute; z-index: 1; width: 18px; height: 18px; border-radius: 50%; background: var(--clr-lime); box-shadow: 0 0 0 12px rgba(74,222,0,0.14); }
.pin-1 { left: 28%; top: 38%; } .pin-2 { left: 64%; top: 48%; } .pin-3 { left: 48%; top: 68%; }
.region-panel { padding: 30px; }
.region-panel h2, .plant-list h2 { font-family: var(--font-display); font-size: clamp(28px,4vw,42px); line-height: 1.1; margin-bottom: 16px; }
.region-panel p { color: var(--clr-muted); margin-bottom: 22px; }
.metric-list { display: grid; gap: 12px; }
.metric { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--clr-border); color: var(--clr-muted); }
.metric strong { color: var(--clr-white); }
.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px; margin: 44px 0 24px; }
.filter-chip { padding: 8px 14px; border-radius: var(--radius-pill); border: 1px solid var(--clr-border); color: var(--clr-muted); font-size: 13px; transition: all var(--transition-fast); }
.filter-chip:hover, .filter-chip.active { color: #0A1A0A; background: var(--clr-lime); border-color: var(--clr-lime); }
.plant-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; justify-items: start; }
.explore-card { width: 100%; }
.explore-card img { width: 100%; height: clamp(190px, 24vw, 300px); aspect-ratio: 4/3; object-fit: cover; }
.explore-card-content { padding: 18px; }
.explore-card-content span { color: var(--clr-lime); font-family: var(--font-mono); font-size: 11px; }
.explore-card-content h3 { font-family: var(--font-display); font-size: 24px; margin: 4px 0; }
.explore-card-content p { color: var(--clr-muted); font-size: 14px; overflow-wrap: anywhere; }
@media(max-width:850px) { .discover-grid, .plant-list-grid { grid-template-columns: minmax(0,1fr); } }