/* NarxHub · Map page */
.map-page{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1c1917}
.map-header{background:#fff;border-bottom:1px solid #e7e5e4;padding:16px 0;position:sticky;top:0;z-index:100}
.map-header__inner{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.map-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#065f46;font-weight:900;margin-bottom:4px}
.map-title{font-size:clamp(22px,3vw,32px);font-weight:900;letter-spacing:-.02em;margin:0}
.map-title em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:#065f46}
.map-header__controls{display:flex;gap:10px;flex-wrap:wrap}
.map-select{padding:10px 14px;border:1px solid #e7e5e4;border-radius:10px;background:#fff;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;outline:0;min-width:240px}
.map-select:focus{border-color:#065f46}
.map-btn-locate{background:#065f46;color:#fff;border:0;padding:10px 16px;border-radius:10px;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;transition:background .15s}
.map-btn-locate:hover{background:#047857}

.map-wrap{position:relative;height:calc(100vh - 140px);min-height:500px}
.map-canvas{width:100%;height:100%}

/* Legend */
.map-legend{position:absolute;bottom:20px;right:20px;background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:14px 16px;box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:400;min-width:200px;font-size:12px}
.map-legend__title{font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#57534e;margin-bottom:10px}
.map-legend__gradient{display:flex;align-items:center;gap:8px}
.map-legend__bar{flex:1;height:10px;border-radius:999px;background:linear-gradient(90deg,#16a34a 0%,#84cc16 25%,#eab308 50%,#f97316 75%,#dc2626 100%)}
.map-legend__lo,.map-legend__hi{font-size:10px;font-weight:700;color:#78716c;font-family:'JetBrains Mono',monospace}
.map-legend__stats{margin-top:10px;padding-top:10px;border-top:1px solid #f1f0ef;font-size:11px;color:#57534e}

/* Sidebar with nearby sellers */
.map-sidebar{position:absolute;top:20px;right:20px;width:320px;max-height:calc(100vh - 180px);background:#fff;border:1px solid #e7e5e4;border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.12);z-index:400;overflow:hidden;display:flex;flex-direction:column}
.map-sidebar__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f1f0ef;flex-shrink:0}
.map-sidebar__head h3{margin:0;font-size:14px;font-weight:900}
.map-sidebar__close{background:#f5f5f4;border:0;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:16px;color:#57534e}
.map-sidebar__close:hover{background:#e7e5e4}
.map-sidebar__list{overflow-y:auto;padding:8px}
.map-sidebar-item{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#1c1917;transition:background .1s;margin-bottom:4px}
.map-sidebar-item:hover{background:#fafaf9}
.map-sidebar-item__name{font-weight:800;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.map-sidebar-item__dist{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:#065f46;background:#f0fdf4;padding:2px 6px;border-radius:6px}
.map-sidebar-item__addr{font-size:11px;color:#78716c;margin-top:2px}
.map-sidebar-item__rating{font-size:11px;color:#eab308;margin-top:4px;font-weight:700}

/* Leaflet popup customization */
.leaflet-popup-content-wrapper{border-radius:12px !important;box-shadow:0 16px 48px rgba(0,0,0,.15) !important}
.leaflet-popup-content{margin:14px 16px !important;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:13px;line-height:1.5}
.seller-popup__name{font-weight:900;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.seller-popup__verified{background:#f0fdf4;color:#16a34a;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:800}
.seller-popup__address{color:#78716c;margin-bottom:8px}
.seller-popup__btn{display:inline-block;background:#065f46;color:#fff;padding:6px 12px;border-radius:8px;text-decoration:none;font-weight:800;font-size:11px}
.seller-popup__price{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-weight:800;font-size:12px;display:inline-block;margin-bottom:6px}

/* Custom markers */
.narxhub-pin{width:32px;height:42px;background:#065f46;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 12px rgba(0,0,0,.2);display:grid;place-items:center}
.narxhub-pin span{transform:rotate(45deg);color:#fff;font-size:14px;font-weight:900}
.narxhub-pin--verified{background:#065f46}
.narxhub-pin--regular{background:#78716c}

@media(max-width:768px){
    .map-wrap{height:calc(100vh - 180px)}
    .map-sidebar{top:auto;bottom:20px;left:20px;right:20px;width:auto;max-height:50vh}
    .map-legend{left:20px;right:20px;bottom:20px;min-width:0}
    .map-header__controls{width:100%}
    .map-select{flex:1;min-width:0}
}