.map-heading{padding-block:32px 26px}.map-heading>div{display:flex;align-items:end;justify-content:space-between;gap:32px}.map-heading h1{font-size:clamp(44px,5vw,72px)}.map-heading p{max-width:340px;color:var(--muted);font-size:14px}.map-toolbar{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px;align-items:center}.map-search{flex:1 0 220px}.map-search input{width:100%;border:1px solid var(--line);border-radius:50px;background:var(--paper);color:var(--ink);padding:13px 20px;font:inherit}.map-filters{display:flex;gap:7px;flex-wrap:wrap}.map-filters button{min-height:44px;padding:8px 14px;font-size:11px;background:transparent;color:var(--ink);border-color:var(--line)}.map-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.map-layout{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.map-sidebar{max-height:700px;overflow:auto;border-right:1px solid var(--line)}.map-hotel-panel{padding:22px;background:var(--mint)}.map-hotel-panel summary{font:600 16px var(--body);cursor:pointer;min-height:44px;display:flex;align-items:center}.map-hotel-panel .form{padding:0;background:transparent;display:grid;gap:9px}.map-hotel-panel label{font-size:12px}.map-hotel-panel input,.map-hotel-panel select{width:100%;font:inherit;min-height:44px;padding:9px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px}.map-hotel-panel button{font-size:12px;padding:10px 15px}.map-hotel-panel [data-custom-hotel]{display:grid;gap:9px}.map-hotel-panel [data-custom-hotel][hidden]{display:none}.hotel-coordinates{display:flex;gap:10px}.hotel-coordinates label{min-width:0;flex:1}.hotel-coordinates input{font-size:12px}.map-results-count{font-size:11px;padding:18px 20px 0;color:var(--muted)}.map-place-result{display:grid;grid-template-columns:60px 1fr;gap:12px;position:relative;border-bottom:1px solid var(--line);padding:18px 48px 18px 18px}.map-place-result[hidden]{display:none}.map-place-result>img{width:60px;height:70px;object-fit:cover;border-radius:7px}.map-locate{font:600 12px/1.5 var(--body);display:block;text-align:left;min-height:44px;transform:none!important;border:0;border-radius:0;color:var(--ink);background:transparent!important;padding:0}.map-place-result p{font-size:10px;color:var(--muted);margin:2px 0}.map-place-result a{font-size:11px}.map-place-result .favourite-form.compact{right:2px;top:14px}.map-place-result .favourite-button{background:transparent;border:0;box-shadow:none}.map-canvas-wrap{position:relative;min-width:0;background:var(--sky);isolation:isolate}.cape-map-canvas{height:700px;z-index:1}.map-fit{position:absolute;bottom:25px;left:50%;transform:translateX(-50%)!important;z-index:4;background:var(--paper);color:var(--ink);box-shadow:0 3px 16px #0002;white-space:nowrap}.map-pick-tip{position:absolute;left:15px;right:15px;top:15px;padding:14px;background:var(--paper);color:var(--ink);border-radius:10px;z-index:4;font-size:13px;box-shadow:0 3px 16px #0002;text-align:center}.map-loading{padding:30px;font:italic 24px var(--serif)}.map-note{padding-block:20px;color:var(--muted)}.map-pin-label{background:#345747;color:white;border:2px solid #fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font:600 15px var(--body);box-shadow:0 3px 7px #0003}.map-pin-label.hotel-pin{background:#b2593e}.map-place-popup{color:#263b30;max-width:230px;font-family:var(--body)}.map-place-popup img{width:100%;height:100px;object-fit:cover;border-radius:6px;margin-bottom:10px}.map-place-popup strong{display:block;font-size:14px;line-height:1.4}.map-place-popup p{font-size:11px;margin:7px 0}.map-place-popup a{display:inline-block;margin:4px 12px 4px 0;font-size:12px;color:#345747;min-height:32px}.map-place-popup button{min-height:36px;padding:5px 12px;font-size:11px}.cape-map-canvas .leaflet-control-zoom a{color:#263b30}.cape-map-canvas .leaflet-popup-content{margin:14px}.cape-map-canvas .leaflet-container{font-family:var(--body)}
@media(max-width:900px){.map-layout{grid-template-columns:290px 1fr}}@media(max-width:700px){.map-heading>div{display:block}.map-heading p{max-width:none}.map-layout{display:flex;flex-direction:column-reverse}.map-canvas-wrap{position:sticky;top:78px;z-index:2}.cape-map-canvas{height:48svh;min-height:290px}.map-sidebar{max-height:550px;border-right:0}.map-toolbar{gap:12px}.map-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;width:100%}.map-filters button{flex-shrink:0}.map-place-result{grid-template-columns:60px 1fr}.map-hotel-panel{padding:20px}.map-fit{font-size:11px;bottom:21px;padding:8px 15px;min-height:40px}.map-heading h1{font-size:48px}.map-search{flex-basis:100%}}

.map-hotel-panel .hotel-location-entry{margin:0}.map-hotel-panel .hotel-location-entry>summary{font-size:12px;min-height:44px}

/* A single page scroll keeps the first place and accommodation controls reachable. */
@media(max-width:700px){.map-layout{overflow:visible}.map-canvas-wrap{position:relative;top:auto;border-radius:10px 10px 0 0;overflow:hidden}.map-sidebar{max-height:none;overflow:visible}.map-filters{flex-wrap:wrap;overflow:visible}.map-hotel-panel{overflow-wrap:anywhere}.map-hotel-panel summary{line-height:1.4}.map-place-result{scroll-margin-top:90px}}