/* Nabkna 8.0 — Map First */
html.nabkna-v8,body.map-v8-page{height:100%;overflow:hidden;background:#e9eef5}
body.map-v8-page{padding:0!important;margin:0!important}
.map-v8-page>.site-header,.map-v8-page>.site-footer,.map-v8-page>.app-dock,.map-v8-page>.fab-backdrop,.map-v8-page>.site-notice,.map-v8-page>.emergency-banner,.map-v8-page>.menu-backdrop{display:none!important}
.map-v8-page .container>.alert{position:fixed;z-index:5000;top:12px;right:12px;left:12px}
.map8-shell{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#dce6ef;color:#101828;--map8-glass:rgba(255,255,255,.94);--map8-border:rgba(15,23,42,.08);--map8-shadow:0 14px 38px rgba(15,23,42,.15)}
.map8-canvas{position:absolute;inset:0;z-index:0;background:#dbe5eb}.map8-canvas .leaflet-control-attribution{font-size:8px!important;opacity:.7;margin-bottom:76px!important}.map8-canvas .leaflet-control-container .leaflet-top{top:118px}
.map8-shell.nav-heading-up .leaflet-map-pane{rotate:var(--map8-rotation,0deg);transform-origin:50% 50%;transition:rotate .16s linear}.map8-shell.nav-heading-up .smart-map-pin,.map8-shell.nav-heading-up .event-map-pin,.map8-shell.nav-heading-up .marker-cluster{rotate:var(--map8-counter-rotation,0deg)}
.map8-topbar{position:absolute;z-index:900;top:max(10px,env(safe-area-inset-top));right:12px;left:12px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center;direction:rtl;pointer-events:none}.map8-topbar>*{pointer-events:auto}
.map8-brand,.map8-profile{width:48px;height:48px;border:1px solid var(--map8-border);border-radius:16px;background:var(--map8-glass);box-shadow:var(--map8-shadow);display:grid;place-items:center;color:#17223a;text-decoration:none;backdrop-filter:blur(16px)}.map8-brand{position:relative}.map8-brand span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.map8-brand b{display:none}.map8-profile svg{width:22px;height:22px}
.map8-search{height:48px;border:1px solid var(--map8-border);border-radius:16px;background:var(--map8-glass);box-shadow:var(--map8-shadow);display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;padding:0 6px;backdrop-filter:blur(16px)}.map8-search-icon{display:grid;place-items:center;color:var(--primary)}.map8-search-icon svg{width:20px;height:20px}.map8-search input{width:100%;height:44px;border:0!important;outline:0!important;background:transparent!important;padding:0 4px!important;font-size:15px!important;font-weight:800;color:#111827;min-width:0}.map8-search input::placeholder{color:#667085}.map8-search button{border:0;background:transparent;width:34px;height:34px;font-size:24px;color:#667085;border-radius:10px}
.map8-category-rail{position:absolute;z-index:880;top:calc(max(10px,env(safe-area-inset-top)) + 58px);right:8px;left:8px;display:flex;gap:7px;overflow-x:auto;padding:3px 4px 8px;scrollbar-width:none;direction:rtl}.map8-category-rail::-webkit-scrollbar{display:none}.map8-chip{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid var(--map8-border);border-radius:999px;background:rgba(255,255,255,.93);box-shadow:0 6px 20px rgba(15,23,42,.08);display:flex;align-items:center;gap:6px;color:#344054;font-size:12px;font-weight:900;white-space:nowrap;backdrop-filter:blur(12px)}.map8-chip span{font-size:14px}.map8-chip.active{background:#111827;color:#fff;border-color:#111827}
.map8-status-strip{position:absolute;z-index:850;top:calc(max(10px,env(safe-area-inset-top)) + 104px);right:50%;transform:translateX(50%);display:flex;align-items:center;gap:5px;max-width:calc(100% - 24px);white-space:nowrap;pointer-events:none}.map8-status-strip>span,.map8-status-strip>button{pointer-events:auto;min-height:28px;padding:0 9px;border:1px solid var(--map8-border);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 5px 16px rgba(15,23,42,.07);font-size:9px;font-weight:800;color:#475467}.map8-status-strip button{border-color:color-mix(in srgb,var(--primary) 22%,white);color:var(--primary);font-size:10px}
.map8-tools{position:absolute;z-index:900;left:10px;top:35%;display:flex;flex-direction:column;gap:8px}.map8-tools button{width:52px;min-height:52px;border:1px solid var(--map8-border);border-radius:17px;background:var(--map8-glass);box-shadow:0 9px 24px rgba(15,23,42,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#344054;backdrop-filter:blur(14px)}.map8-tools button.active,.map8-tools button[aria-pressed=true]{background:#101828;color:#fff}.map8-tools small{font-size:8px;font-weight:900}.map8-tools svg{width:20px;height:20px}.map8-location-arrow{font-size:18px;transform:rotate(-45deg);line-height:1;color:var(--primary)}.map8-tools button.active .map8-location-arrow{color:#fff}
.map8-layer-panel{position:absolute;z-index:1050;left:68px;top:32%;width:min(260px,calc(100% - 92px));padding:11px;border:1px solid var(--map8-border);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 18px 46px rgba(15,23,42,.18)}.map8-layer-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.map8-layer-panel header strong{font-size:13px}.map8-layer-panel header button{width:32px;height:32px;border:0;border-radius:10px;background:#f2f4f7}.map8-layer-panel label{display:flex;align-items:center;gap:9px;padding:9px 5px;border-bottom:1px solid #f0f2f5;font-size:12px;font-weight:800}.map8-layer-panel input{width:18px;height:18px;accent-color:var(--primary)}.map8-layer-panel .map8-radius{border-bottom:0;justify-content:space-between}.map8-layer-panel select{border:1px solid #e4e7ec;border-radius:10px;background:#f9fafb;min-height:34px;padding:0 7px;font-size:11px}
.map8-add-here{position:absolute;z-index:850;right:50%;bottom:190px;transform:translateX(50%);min-height:42px;border:0;border-radius:14px;background:#101828;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.23);padding:0 14px;display:flex;align-items:center;gap:7px}.map8-add-here span{font-size:20px}.map8-add-here b{font-size:11px}
.map8-sheet{position:absolute;z-index:920;right:8px;left:8px;bottom:calc(72px + env(safe-area-inset-bottom));border:1px solid var(--map8-border);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(15,23,42,.2);backdrop-filter:blur(18px);transition:max-height .25s ease,transform .25s ease;overflow:hidden;max-height:min(58%,510px)}.map8-sheet.is-peek{max-height:112px}.map8-sheet.is-mid{max-height:min(42%,360px)}.map8-sheet.is-full{max-height:calc(100% - 150px)}.map8-handle{width:100%;height:22px;border:0;background:transparent;display:grid;place-items:center}.map8-handle span{width:42px;height:4px;border-radius:999px;background:#d0d5dd}
.map8-sheet-empty{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 14px}.map8-sheet-empty strong{display:block;font-size:13px}.map8-sheet-empty small{display:block;margin-top:2px;color:#667085;font-size:9px}.map8-quick-actions{display:flex;gap:5px}.map8-quick-actions a{padding:7px 8px;border-radius:10px;background:#f2f4f7;text-decoration:none;color:#344054;font-size:9px;font-weight:900}
.map8-place-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:0 12px 10px;align-items:start}.map8-place-card>img{width:70px;height:70px;border-radius:17px;object-fit:cover;background:#eef2f6}.map8-place-main{min-width:0}.map8-place-badges{display:flex;gap:5px;align-items:center;overflow:hidden}.map8-place-badges span{padding:3px 6px;border-radius:999px;background:#f2f4f7;font-size:8px;font-weight:900;white-space:nowrap}.map8-place-badges .verified{background:#ecfdf3;color:#027a48}.map8-place-badges .offer{background:#fff4e5;color:#b54708}.map8-place-card h2{font-size:16px;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map8-place-card p{margin:0;color:#667085;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map8-place-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px;font-size:9px;font-weight:800;color:#475467}.map8-place-extra{display:block;margin-top:5px;color:#667085;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map8-place-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(120px,1fr) minmax(105px,.8fr) 42px 42px;gap:6px}.map8-place-actions>*{min-height:42px;border:0;border-radius:13px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:900}.map8-place-actions .primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;flex-direction:column;line-height:1}.map8-place-actions .primary span{font-size:11px}.map8-place-actions .primary b{font-size:8px;opacity:.78}.map8-place-actions .ar{background:#071c2d;color:#fff;font-size:10px}.map8-place-actions .ar span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.4);border-radius:9px;color:#8ff5e8}.map8-place-actions .icon{background:#f2f4f7;color:#344054;font-size:18px}
.map8-results{display:flex;gap:7px;overflow-x:auto;padding:3px 12px 13px;scrollbar-width:none}.map8-results::-webkit-scrollbar{display:none}.map8-result{flex:0 0 190px;min-height:56px;border:1px solid #eaecf0;border-radius:14px;background:#fff;padding:5px;display:grid;grid-template-columns:46px 1fr;gap:8px;text-align:right;color:#101828}.map8-result img{width:46px;height:46px;border-radius:11px;object-fit:cover}.map8-result strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map8-result small{display:block;color:#667085;font-size:8px;margin-top:4px}.map8-result.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}
.map8-dock{position:absolute;z-index:980;right:8px;left:8px;bottom:max(7px,env(safe-area-inset-bottom));height:62px;padding:5px 7px;border:1px solid var(--map8-border);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(15,23,42,.17);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;backdrop-filter:blur(18px)}.map8-dock>a,.map8-dock>button{height:50px;border:0;background:transparent;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#667085}.map8-dock svg{width:20px;height:20px}.map8-dock small{font-size:8px;font-weight:900}.map8-dock .active{color:var(--primary)}.map8-dock>button{width:100%;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;transform:translateY(-13px);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 28%,transparent);border:3px solid #fff}.map8-dock>button span{font-size:20px;transform:rotate(-45deg)}
.map8-nav-hud{position:absolute;z-index:1100;inset:0;pointer-events:none}.map8-nav-top{position:absolute;top:max(9px,env(safe-area-inset-top));right:8px;left:8px;display:grid;grid-template-columns:44px repeat(3,1fr);gap:6px;direction:rtl}.map8-nav-top>*{pointer-events:auto}.map8-nav-top>button{border:0;border-radius:15px;background:#101828;color:#fff;font-size:25px}.map8-nav-metric{height:54px;border:1px solid var(--map8-border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(15,23,42,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(16px)}.map8-nav-metric small{font-size:8px;color:#667085;font-weight:900}.map8-nav-metric strong{font-size:13px;color:#101828}.map8-nav-instruction{position:absolute;top:calc(max(9px,env(safe-area-inset-top)) + 64px);right:50%;transform:translateX(50%);max-width:calc(100% - 30px);min-width:240px;padding:9px 12px;border-radius:16px;background:#101828;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.25);display:flex;align-items:center;gap:10px;direction:rtl}.map8-nav-instruction>span{font-size:28px;color:#65e5d5}.map8-nav-instruction strong{display:block;font-size:13px}.map8-nav-instruction small{display:block;margin-top:2px;color:#cbd5e1;font-size:9px}.map8-nav-bottom{position:absolute;right:50%;transform:translateX(50%);bottom:84px;display:flex;gap:6px;pointer-events:auto}.map8-nav-bottom>*{height:40px;border:1px solid var(--map8-border);border-radius:12px;background:#fff;padding:0 11px;color:#344054;font-weight:900;font-size:10px;text-decoration:none;display:flex;align-items:center;justify-content:center}.map8-nav-bottom>a{background:#071c2d;color:#8ff5e8;border-color:#071c2d}
.map8-shell.is-navigating .map8-topbar,.map8-shell.is-navigating .map8-category-rail,.map8-shell.is-navigating .map8-status-strip,.map8-shell.is-navigating .map8-tools,.map8-shell.is-navigating .map8-sheet,.map8-shell.is-navigating .map8-dock{display:none}.map8-shell.is-navigating .leaflet-control-attribution{margin-bottom:6px!important}
.map8-toast{position:absolute;z-index:1500;right:50%;bottom:154px;transform:translate(50%,12px);max-width:calc(100% - 32px);padding:9px 13px;border-radius:13px;background:#101828;color:#fff;font-size:10px;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.22);opacity:0;pointer-events:none;transition:.2s}.map8-toast.show{opacity:1;transform:translate(50%,0)}
.user-direction-marker{width:44px;height:44px;display:grid;place-items:center;position:relative}.user-direction-marker::before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:rgba(25,169,211,.13);border:1px solid rgba(25,169,211,.35)}.user-direction-marker span{position:relative;z-index:1;width:25px;height:25px;border-radius:50% 50% 50% 8px;background:#128cbe;border:3px solid #fff;box-shadow:0 4px 12px rgba(15,23,42,.25);transform:rotate(var(--user-bearing,45deg))}.user-direction-marker span::after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;right:7px;top:7px}
.event-map-pin{width:34px;height:34px;border-radius:12px 12px 12px 3px;background:#8a3ffc;color:#fff;border:2px solid #fff;box-shadow:0 7px 16px rgba(89,45,158,.25);display:grid;place-items:center;font-size:16px;transform:rotate(45deg)}.event-map-pin span{transform:rotate(-45deg)}
.map8-shell.map-zoom-far .smart-map-pin{scale:.78}.map8-shell.map-zoom-far .event-map-pin{scale:.82}.map8-shell.map-zoom-near .smart-map-pin.is-selected{scale:1.18}
@media(min-width:900px){.map8-topbar{right:24px;left:auto;width:min(660px,calc(100% - 48px));grid-template-columns:54px minmax(0,1fr) 54px}.map8-brand,.map8-profile{width:54px;height:54px}.map8-search{height:54px}.map8-category-rail{top:77px;right:24px;left:auto;width:min(760px,calc(100% - 48px))}.map8-status-strip{top:126px}.map8-sheet{right:24px;left:auto;width:430px;bottom:24px;max-height:520px}.map8-sheet.is-peek{max-height:128px}.map8-dock{right:auto;left:24px;width:360px;bottom:24px}.map8-tools{left:24px}.map8-add-here{bottom:32px}.map8-nav-top{right:24px;left:24px}.map8-nav-bottom{bottom:24px}}
@media(max-width:390px){.map8-topbar{grid-template-columns:44px minmax(0,1fr) 44px}.map8-brand,.map8-profile{width:44px;height:44px;border-radius:14px}.map8-search{height:44px}.map8-category-rail{top:calc(max(10px,env(safe-area-inset-top)) + 52px)}.map8-status-strip{top:calc(max(10px,env(safe-area-inset-top)) + 98px)}.map8-place-actions{grid-template-columns:1fr 1fr 40px}.map8-place-actions [data-map8-favorite]{display:none}.map8-dock{height:58px}.map8-sheet{bottom:calc(68px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.map8-sheet,.map8-toast,.map8-shell.nav-heading-up .leaflet-map-pane{transition:none!important}}
/* v8.0 search suggestions, recent destinations, and semantic pin badges */
.map8-suggestions{position:absolute;z-index:1200;top:56px;right:56px;left:56px;max-height:330px;overflow:auto;padding:6px;border:1px solid var(--map8-border);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 16px 42px rgba(15,23,42,.18);backdrop-filter:blur(18px);pointer-events:auto}.map8-suggestions button{width:100%;min-height:48px;border:0;border-bottom:1px solid #f2f4f7;background:transparent;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;text-align:right;color:#101828;padding:6px 8px}.map8-suggestions button:last-child{border-bottom:0}.map8-suggestions button>span:first-child{width:32px;height:32px;border-radius:10px;background:#f2f4f7;display:grid;place-items:center}.map8-suggestions strong,.map8-suggestions small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map8-suggestions strong{font-size:11px}.map8-suggestions small{font-size:8px;color:#667085;margin-top:2px}.map8-suggestions .map8-suggestion-correction{display:block;text-align:center;color:var(--primary);font-size:10px;font-weight:900}
.map8-recent{width:100%;margin-top:7px;border-top:1px solid #f0f2f5;padding-top:7px}.map8-recent>small{display:block;color:#667085;font-size:8px;font-weight:900;margin-bottom:5px}.map8-recent>div{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.map8-recent button{flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#344054;font-size:9px;font-weight:800;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-map-pin{position:relative}.pin-status-badge{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#475467;color:#fff;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:1000;box-shadow:0 3px 8px rgba(15,23,42,.18)}.smart-map-pin.has-offer .pin-status-badge{background:#f79009}.smart-map-pin.has-event .pin-status-badge{background:#7f56d9}.smart-map-pin.is-emergency .pin-status-badge{background:#d92d20}.smart-map-pin.is-verified .pin-status-badge{background:#039855}.smart-map-pin.is-favorite .pin-status-badge{background:#e11d48}
@media(min-width:900px){.map8-suggestions{top:62px;right:79px;left:79px}}
.map8-sheet-empty{flex-wrap:wrap}.map8-sheet-empty>div:first-child{min-width:150px;flex:1}.map8-sheet-empty .map8-recent{flex:0 0 100%}