.supplier-directory-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:20px;align-items:start;margin-top:22px}.supplier-directory-layout.map-disabled{grid-template-columns:1fr}.supplier-directory-layout .supplier-directory-results{margin-top:0}.supplier-map-panel{position:sticky;top:18px;display:grid;gap:7px}.supplier-map-panel small{color:var(--muted)}.supplier-map{height:560px;min-height:360px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#edf2f1}.supplier-map-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px}.supplier-map-legend span{display:inline-flex;align-items:center;gap:7px}.supplier-map-legend i{display:inline-block;flex:0 0 auto}.legend-company{width:13px;height:13px;border:3px solid #285b4d;border-radius:50%;background:#3f8f78}.legend-supplier{width:11px;height:15px;border-radius:7px 7px 8px 8px;background:#2a81cb;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #1b5e96}.company-reference-marker{stroke:#285b4d;fill:#3f8f78}.supplier-map-popup{display:grid;gap:5px;min-width:180px}.supplier-map-popup span,.supplier-map-popup a{display:block}.supplier-distance{color:var(--teal)}.site-list-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.site-list-item>div:first-child{display:grid;gap:6px}.site-list-item span{color:var(--muted)}.two-column-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start}.form-narrow{max-width:760px}
@media(max-width:900px){.supplier-directory-layout,.two-column-layout{grid-template-columns:1fr}.supplier-map-panel{position:static}.supplier-map{height:390px}}
@media(max-width:620px){.supplier-map{height:320px}.supplier-map-legend{align-items:flex-start;flex-direction:column}.site-list-item{align-items:flex-start;flex-direction:column}}