footer{display:none}.map-page{display:flex;margin-top:var(--nav-h);height:calc(100svh - var(--nav-h));overflow:hidden;position:relative}#map-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:140}#sidebar{width:300px;flex-shrink:0;min-height:0;background:#050508fc;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:200}.sb-head{padding:12px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.sb-title{font-family:Bebas Neue,sans-serif;font-size:17px;letter-spacing:2px;color:var(--pink);margin-bottom:8px}#sq{width:100%;padding:7px 12px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:12px;border-radius:6px;outline:none;transition:border-color .2s}#sq::placeholder{color:#ffffff40}#sq:focus{border-color:var(--pink)}#filters{display:flex;flex-wrap:wrap;gap:5px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.fb{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:4px 9px;border-radius:20px;cursor:pointer;transition:all .15s;background:transparent;border:1px solid;line-height:1.4}.fb[data-cat=all],.fb[data-cat=party]{border-color:var(--pink);color:var(--pink)}.fb[data-cat=resort]{border-color:#ff8c00;color:#ff8c00}.fb[data-cat=hotel]{border-color:var(--purple);color:var(--purple)}.fb[data-cat=hostel]{border-color:#00e5ff;color:#00e5ff}.fb[data-cat=bungalow]{border-color:#4f9;color:#4f9}.fb[data-cat=service]{border-color:var(--yellow);color:var(--yellow)}.fb[data-cat=ferry]{border-color:#aaa;color:#aaa}.fb[data-cat=emergency]{border-color:#f60;color:#f60}.fb.active{color:#050508!important}.fb[data-cat=all].active,.fb[data-cat=party].active{background:var(--pink)}.fb[data-cat=resort].active{background:#ff8c00}.fb[data-cat=hotel].active{background:var(--purple)}.fb[data-cat=hostel].active{background:#00e5ff}.fb[data-cat=bungalow].active{background:#4f9}.fb[data-cat=service].active{background:var(--yellow)}.fb[data-cat=ferry].active{background:#aaa}.fb[data-cat=emergency].active{background:#f60}#pc{font-family:Space Grotesk,sans-serif;font-size:10px;color:#ffffff38;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}#pl{overflow-y:auto;flex:1;min-height:0}#pl::-webkit-scrollbar{width:3px}#pl::-webkit-scrollbar-thumb{background:#ff2d9b33;border-radius:2px}.pi{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);border-left:3px solid transparent;transition:background .12s,border-color .12s}.pi:hover{background:#ffffff0a}.pi.active{border-left-color:var(--ac);background:#ffffff0d}.pico{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid;background:#050508d9}.pb{flex:1;min-width:0}.pn{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.pd{font-size:11px;color:#ffffff61;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.pt{font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:10px;display:inline-block}.pr{font-size:11px;color:#ffffff73;margin-left:5px}#map-el{flex:1;position:relative;min-width:0;z-index:1}#map-tog{position:absolute;top:12px;left:12px;z-index:1000;display:none;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;border-radius:20px;cursor:pointer;background:#050508eb;border:1px solid var(--pink);color:var(--pink);backdrop-filter:blur(8px)}.leaflet-popup-content-wrapper{background:#050508f7!important;border:1px solid var(--pink)!important;border-radius:8px!important;box-shadow:0 4px 24px #ff2d9b26!important;padding:0!important}.leaflet-popup-content{margin:0!important;width:240px!important}.leaflet-popup-tip{background:#050508f7!important}.leaflet-popup-close-button{color:var(--pink)!important;font-size:16px!important;top:8px!important;right:10px!important}.pop{padding:12px 14px}.pop-cat{font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:6px}.pop-name{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;margin-bottom:4px;line-height:1.2}.pop-rat{font-size:11px;margin-bottom:4px}.pop-desc{font-size:11px;color:#fff9;line-height:1.5;margin-bottom:4px}.pop-hrs{font-size:10px;color:#ffffff47;margin-bottom:8px}.pop-btn{display:block;text-align:center;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px;border-radius:6px;text-decoration:none;transition:opacity .15s}.pop-btn:hover{opacity:.82}@media (max-width:1024px){#sidebar{position:absolute;left:0;top:0;bottom:0;width:82vw;max-width:310px;transform:translate(-100%);transition:transform .24s ease;z-index:150}#sidebar.open{transform:translate(0)}#map-el{width:100%;flex:1}#map-tog{display:block}.fb{font-size:11px;padding:5px 11px}.pi{padding:11px 14px}.pico{width:36px;height:36px;font-size:16px}.pn{font-size:14px}.pd{font-size:12px}.leaflet-popup-content{width:calc(100vw - 60px)!important;max-width:280px!important}.pop{padding:12px 14px}.pop-name{font-size:16px}.pop-desc{font-size:12px}.pop-btn{font-size:13px;padding:9px}#sq{font-size:13px;padding:8px 12px}.leaflet-bottom.leaflet-right{bottom:12px}}