.leaflet-pane.leaflet-popup-pane{z-index:1400!important}.leaflet-popup.diving-spot-popup{z-index:1500!important;max-width:min(320px,100vw - 28px)!important}.leaflet-control-container .leaflet-top,.leaflet-control-container .leaflet-bottom{z-index:1100}.leaflet-control-container .leaflet-top.leaflet-right{margin-top:0}.leaflet-popup.diving-spot-popup .leaflet-popup-content-wrapper{max-width:min(320px,100vw - 28px);max-height:var(--diving-spot-popup-max-height,420px);border-radius:18px;padding:0;overflow:hidden}.leaflet-popup.diving-spot-popup .leaflet-popup-content{max-width:min(320px,100vw - 28px);max-height:calc(var(--diving-spot-popup-max-height,420px) - 24px);overscroll-behavior:contain;margin:0;overflow:hidden auto;width:auto!important}.leaflet-popup.diving-spot-popup .leaflet-popup-tip{box-shadow:none}.leaflet-popup.diving-spot-popup .leaflet-popup-close-button{color:#334155;text-align:center;z-index:6;background:#fffffff5;border:1px solid #94a3b88c;border-radius:9999px;width:26px;height:26px;font-size:18px;font-weight:500;line-height:24px;transition:all .15s;top:8px;right:8px;box-shadow:0 4px 10px #0f172a1f}.leaflet-popup.diving-spot-popup .leaflet-popup-close-button:hover{color:#0f172a;background:#fff;border-color:#0e74908c;box-shadow:0 6px 14px #0f172a29}.leaflet-popup.diving-spot-popup .leaflet-popup-close-button:focus-visible{outline-offset:1px;outline:2px solid #0e749080}.diving-spot-popup-card{box-sizing:border-box;width:min(300px,100vw - 96px);max-width:calc(100vw - 96px);padding:12px}.diving-spot-popup-image{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;margin-bottom:8px;display:block}.diving-spot-popup-gallery{-webkit-user-select:none;user-select:none;background:#e2e8f0;border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden}.diving-spot-popup-gallery-slide{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.diving-spot-popup-gallery-slide.hidden{display:none}.diving-spot-popup-gallery-nav{color:#fff;cursor:pointer;z-index:2;touch-action:manipulation;background:#0f172a6b;border:1px solid #ffffffb3;border-radius:9999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;line-height:1;transition:background .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.diving-spot-popup-gallery-nav:hover{background:#0f172a9e}.diving-spot-popup-gallery-nav.prev{left:8px}.diving-spot-popup-gallery-nav.next{right:8px}.diving-spot-popup-gallery-counter{z-index:2;color:#fff;background:#0f172a8c;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.2;position:absolute;top:8px;left:8px}.diving-spot-popup-title{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.2;display:block}.diving-spot-popup-summary{color:#334155;-webkit-line-clamp:4;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;margin:0 0 2px;font-size:13px;line-height:1.42;display:-webkit-box;overflow:hidden}.diving-spot-popup-rating{color:#334155;align-items:center;gap:6px;margin:0 0 4px;padding-top:0;font-size:12px;display:flex}.diving-spot-rating-stars{gap:1px;font-size:15px;line-height:1;display:inline-flex}.diving-spot-rating-star{color:#dbe2ea;display:inline-block}.diving-spot-rating-star--full{color:#204075}.diving-spot-rating-star--half{background:linear-gradient(90deg,#204075 50%,#dbe2ea 50%);color:#0000;-webkit-background-clip:text;background-clip:text}.diving-spot-popup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:2px;display:grid}.diving-spot-popup-actions.diving-spot-popup-actions--single{grid-template-columns:minmax(0,1fr)}.diving-spot-popup-directions{-webkit-text-fill-color:#fff;text-align:center;color:#fff!important;white-space:normal!important;text-decoration:none!important}.diving-spot-popup-details{text-align:center;background:#fff;border:1px solid #cbd5e1;color:#334155!important;white-space:normal!important;text-decoration:none!important}.leaflet-control-layers .diving-spot-layers-close{color:#334155;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-top:8px;padding:7px 10px;font-size:12px;font-weight:700;display:none}.leaflet-control-layers .diving-spot-layers-close:hover{color:#0f172a;border-color:#0e7490}.leaflet-control-layers .diving-spot-layers-close:focus-visible{outline-offset:1px;outline:2px solid #0e749080}.leaflet-control-layers-expanded .diving-spot-layers-close{justify-content:center;align-items:center;display:inline-flex}@media (width<=767px){.diving-spot-popup-actions{grid-template-columns:minmax(0,1fr)}}@media (height<=860px){.diving-spot-popup-card{width:min(286px,100vw - 96px);max-width:calc(100vw - 96px);padding:10px}.diving-spot-popup-image,.diving-spot-popup-gallery-slide{aspect-ratio:16/8.6}}