.map-hero{position:relative;padding:3.5rem 0;overflow:hidden;min-height:200px}.map-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.map-hero-bg{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,#1a2b3d,#1a2b3d80,#1a2b3d40 60%,#1a2b3d1a)}.map-hero:not(:has(.map-hero-photo)) .map-hero-bg{background:linear-gradient(135deg,#1a2b3d,#0d3d56,#0a6e8a 80%,#12a5c7)}.map-hero-inner{position:relative;z-index:2}.map-hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.7),0 1px 4px rgba(0,0,0,.5);margin-bottom:.4rem}.map-hero-sub{color:#ffffffd9;font-size:.95rem;text-shadow:0 1px 6px rgba(0,0,0,.4)}.map-hero .hero-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.map-hero .hero-breadcrumb a,.map-hero .hero-breadcrumb span,.map-hero .hero-breadcrumb svg{color:#ffffffb3;font-size:.82rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.3);text-decoration:none}.map-hero .hero-breadcrumb a:hover{color:var(--gold)}.map-facts-strip{background:var(--navy, #1A2B3D);margin-top:-1px}.map-facts-grid{display:flex;justify-content:flex-start;gap:0;padding:0 1.25rem;max-width:var(--max-width);margin:0 auto}.map-fact{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;color:#fff;white-space:nowrap;flex-shrink:0}.map-fact svg{color:var(--turquoise, #12A5C7);flex-shrink:0}.map-fact-value{font-size:.9rem;font-weight:700}.map-page-wrapper{max-width:var(--max-width, 1240px);margin:0 auto;padding:1.5rem 1.25rem}.map-page{display:flex;height:calc(100vh - 140px);overflow:hidden;position:relative;border-radius:16px;box-shadow:0 2px 16px #00000014;border:1px solid var(--gray-200)}.map-page .map-container{flex:1;height:100%;z-index:1;border-radius:0 16px 16px 0;overflow:hidden}.map-sidebar{width:380px;height:100%;background:var(--gray-50, #f9fafb);z-index:2;display:flex;flex-direction:column;border-right:1px solid var(--gray-200);transition:margin-left .3s ease;position:relative;border-radius:16px 0 0 16px;overflow:hidden}.map-sidebar.collapsed{margin-left:-380px}.map-sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-header{padding:1.25rem 1.25rem 1rem;background:linear-gradient(135deg,var(--navy) 0%,#1a3a5c 100%);color:#fff}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.sidebar-header h1{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:0}.sidebar-subtitle,.result-count{font-size:.8rem;color:#ffffffb3;background:#ffffff26;padding:.2rem .6rem;border-radius:12px;font-weight:500}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#ffffff80;pointer-events:none}.search-box input{width:100%;padding:.65rem 2.2rem .65rem 2.5rem;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;font-size:16px;outline:none;transition:all .2s;background:#ffffff1f;color:#fff}.search-box input::placeholder{color:#ffffff80}.search-box input:focus{border-color:#ffffff80;background:#fff3}.search-clear{position:absolute;right:8px;background:none;border:none;font-size:1.3rem;color:#ffffff80;cursor:pointer;display:none;padding:4px 8px;line-height:1}.search-clear:hover{color:#fff}.filter-section{padding:0;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200)}.filter-toggle{display:flex;align-items:center;gap:.4rem;width:100%;padding:.6rem 1.25rem;background:none;border:none;font-size:.82rem;font-weight:600;color:var(--navy);cursor:pointer;transition:all .15s}.filter-toggle:hover{color:var(--ocean)}.filter-toggle svg{flex-shrink:0}.filter-chevron{transition:transform .2s}.filter-toggle.open .filter-chevron{transform:rotate(180deg)}.filter-active-badge{font-size:.7rem;font-weight:600;color:#fff;background:var(--ocean);padding:.1rem .5rem;border-radius:10px;margin-left:auto}.filter-toggle.has-filter{color:var(--ocean)}.filter-chips-wrap{padding:0 1rem .75rem}.filter-chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap}.filter-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:.4rem .75rem;border-radius:20px;border:1.5px solid var(--gray-200);background:#fff;font-size:.78rem;font-weight:500;color:var(--navy);cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.chip:hover{border-color:var(--ocean);color:var(--ocean);background:#0891b20a}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.chip-count{font-size:.7rem;font-weight:600;color:var(--gray-400);background:var(--gray-100);padding:.05rem .4rem;border-radius:8px;line-height:1.3}.chip.active .chip-count{color:#ffffffb3;background:#fff3}.sidebar-results{flex:1;overflow-y:auto;padding:.5rem .75rem 1.25rem;scrollbar-width:thin;background:#fff}.result-item{display:flex;align-items:stretch;padding:0;margin-bottom:.5rem;gap:0;cursor:pointer;border-radius:10px;transition:all .2s;border:1px solid var(--gray-200);background:#fff;overflow:hidden}.result-item:hover{border-color:var(--ocean);box-shadow:0 4px 12px #0891b21f;transform:translateY(-1px)}.result-thumb{width:100px;min-height:90px;flex-shrink:0;position:relative;background:var(--gray-100);overflow:hidden}.result-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.result-item:hover .result-thumb img{transform:scale(1.08)}.result-thumb-empty{background:linear-gradient(135deg,color-mix(in srgb,var(--cat-color, #ccc) 8%,white),color-mix(in srgb,var(--cat-color, #ccc) 15%,white))}.result-cat-dot{position:absolute;bottom:6px;left:6px;width:8px;height:8px;border-radius:50%;border:1.5px solid white;box-shadow:0 1px 3px #0003}.result-info{flex:1;min-width:0;padding:.5rem .65rem;display:flex;flex-direction:column;justify-content:center}.result-cat-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem}.result-name{font-family:Playfair Display,Georgia,serif;font-size:.85rem;font-weight:700;color:var(--navy);display:block;line-height:1.2;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-item:hover .result-name{color:var(--ocean)}.result-info-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.72rem;margin-bottom:.1rem}.result-stars-inline{display:flex;align-items:center;gap:.1rem;font-weight:700;color:var(--navy);font-size:.75rem}.result-star-icon{color:var(--gold, #f59e0b)}.result-review-count{font-weight:400;color:var(--gray-400);font-size:.68rem}.result-open{font-weight:600;font-size:.72rem}.result-open.is-open{color:#16a34a}.result-open.is-closed{color:#dc2626}.result-menu-badge{display:flex;align-items:center;gap:.15rem;font-weight:600;color:var(--ocean);font-size:.72rem}.result-menu-badge svg{color:var(--ocean)}.result-price{font-weight:600;font-size:.72rem}.result-price-on{color:var(--ocean)}.result-price-off{color:var(--gray-300, #d1d5db)}.result-desc{font-size:.7rem;color:var(--gray-500);line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{text-align:center;padding:2rem 0;color:var(--gray-500)}.results-more{text-align:center;padding:1rem 0;font-size:.8rem;color:var(--gray-300)}.sidebar-toggle{position:absolute;top:50%;right:-28px;transform:translateY(-50%);width:28px;height:56px;background:#fff;border:1px solid var(--gray-200);border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-500);z-index:3;box-shadow:2px 0 4px #0000000d}.sidebar-toggle:hover{color:var(--navy)}.sidebar-toggle svg{transition:transform .3s}.loc-btn-wrap{margin-top:6px!important}.loc-btn{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;background:#fff!important;border-radius:4px;color:#333}.loc-btn:hover{background:#f4f4f4!important;color:var(--ocean)}.loc-btn.loc-loading svg{animation:locPulse 1s infinite}@keyframes locPulse{0%,to{opacity:1}50%{opacity:.3}}.map-marker{background:none!important;border:none!important}.map-pin{width:32px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .15s}.map-pin:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--pin-color, #1A2B3D);border-radius:50%;border:2.5px solid white}.map-pin:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--pin-color, #1A2B3D)}.map-pin svg{position:relative;z-index:1;margin-top:-6px}.map-pin:hover{transform:scale(1.15)}.marker-cluster{background:transparent!important}.marker-cluster div{width:36px;height:36px;margin:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.marker-cluster-small div{background:var(--ocean)}.marker-cluster-medium div{background:var(--ocean-deep)}.marker-cluster-large div{background:var(--navy)}.bonaire-popup .leaflet-popup-content-wrapper{border-radius:14px;padding:0;box-shadow:0 8px 30px #0000002e;overflow:hidden}.bonaire-popup .leaflet-popup-content{margin:0;width:280px!important}.bonaire-popup .leaflet-popup-tip{box-shadow:0 4px 20px #0000001f}.map-popup{padding:0}.popup-hero{position:relative;height:150px;overflow:hidden}.popup-photo-link{display:block;height:100%}.popup-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.popup-photo-link:hover .popup-photo{transform:scale(1.05)}.popup-photo-placeholder{width:100%;height:100%}.popup-hero-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);pointer-events:none}.popup-cat-badge{position:absolute;top:10px;left:10px;z-index:2;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:4px}.popup-body{padding:.85rem 1rem .75rem}.popup-cat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.2rem}.popup-title{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:700;color:var(--navy);text-decoration:none;display:block;margin-bottom:.4rem;line-height:1.25}.popup-title:hover{color:var(--ocean)}.popup-info{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;font-size:.78rem;color:var(--gray-500);margin-bottom:.35rem}.popup-stars{display:flex;align-items:center;gap:.15rem;font-size:.82rem;font-weight:700;color:var(--navy)}.popup-star{color:var(--gold, #f59e0b)}.popup-reviews{font-weight:400;color:var(--gray-500);font-size:.75rem}.popup-open-badge{font-size:.75rem;font-weight:600}.popup-open-badge.is-open{color:#16a34a}.popup-open-badge.is-closed{color:#dc2626}.popup-menu-badge{display:flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:600;color:var(--ocean)}.popup-menu-badge svg{color:var(--ocean)}.popup-price{font-size:.78rem;font-weight:600}.popup-price-active{color:var(--ocean)}.popup-price-dim{color:var(--gray-300, #d1d5db)}.popup-desc{font-size:.78rem;color:var(--gray-500);line-height:1.5;margin:0 0 .6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popup-cta{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:#fff!important;background:var(--navy);padding:.4rem .9rem;border-radius:6px;text-decoration:none!important;transition:all .2s}.popup-cta:hover{background:var(--ocean);color:#fff!important}.popup-cta svg{transition:transform .2s}.popup-cta:hover svg{transform:translate(2px)}.sidebar-close-mobile{display:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;background:var(--ocean, #0891b2);color:#fff;margin-left:auto;flex-shrink:0;box-shadow:0 2px 8px #00000026}.sidebar-close-mobile svg{stroke:#fff;display:block}.sidebar-close-mobile:active{background:var(--navy, #1A2B3D)}.mobile-list-toggle{display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10;background:var(--navy);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0003;gap:.5rem;align-items:center}.mobile-list-toggle svg{stroke:#fff}.map-mobile-bar{display:none}@media (max-width: 768px){.map-hero,.map-facts-strip,.map-page-wave,.site-footer{display:none}.map-mobile-bar{display:block;background:linear-gradient(135deg,#1a2b3d,#0d3d56 60%,#0a6e8a);position:relative}.map-mobile-bar-inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .2rem}.map-mobile-bar h1{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:700;color:#fff;margin:0}.map-mobile-bar-count{color:#ffffffb3;font-size:.8rem}.map-mobile-bar-wave{display:block;width:100%;height:12px;margin-bottom:-1px}.map-page-wrapper{padding:0;background:#ddd}.map-page{flex-direction:column;height:calc(100dvh - 110px);border-radius:0;box-shadow:none;border:none;background:#ddd}.map-sidebar{position:fixed;inset:0;width:100%;z-index:100;transform:translateY(100%);transition:transform .3s ease;border-right:none;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a}.map-sidebar.open{transform:translateY(0)}.map-sidebar.collapsed{margin-left:0;transform:translateY(100%)}.sidebar-toggle{display:none}.mobile-list-toggle{display:flex}.sidebar-close-mobile{display:block}.map-page .map-container{height:100%;min-height:0;border-radius:0}.map-sidebar{border-radius:16px 16px 0 0}.bonaire-popup .leaflet-popup-content{width:240px!important}.popup-hero{height:110px}.popup-body{padding:.6rem .8rem}.popup-title{font-size:.9rem}.popup-desc{-webkit-line-clamp:2}.result-thumb{width:80px;min-height:70px}}@media (min-width: 769px){.map-page{height:calc(100vh - 140px)}}#offline-banner{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;background:#1a2b3df2;color:#fff;padding:10px 18px;border-radius:12px;font-size:.8rem;box-shadow:0 4px 20px #00000040;transition:opacity .5s;pointer-events:none;max-width:320px;width:90%}.map-scroll-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a2b3dd9;color:#fff;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:500;z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s;white-space:nowrap;backdrop-filter:blur(4px)}.map-scroll-msg.visible{opacity:1}.offline-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.offline-text{flex:1;min-width:150px;font-weight:600}.offline-bar{flex:1;min-width:80px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.offline-fill{height:100%;background:#12a5c7;border-radius:3px;transition:width .3s;width:0}.offline-pct{font-size:.75rem;font-weight:700;min-width:30px;text-align:right}