/* Shared presentation for the approved homepage and the real catalog routes. */
:root{--line:#dbe5df;--light:#eff5ee;--brand-blue:#0075be;--brand-orange:#f37e28;--brand-red:#ec1c24;--brand-yellow:#ffde1a;--brand-green:#31b357}
.lagoon-live .header{position:relative;z-index:20;height:90px;max-width:none;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;padding:0 5%;gap:26px}.brand{flex-shrink:0}.header .logo,.footer-logo{width:220px;height:auto}.header .join-header{font-size:15px;font-weight:700;white-space:nowrap}.header .desktop-nav{margin-left:auto;font-size:15px}.menu-button{display:none}.header-saved b{font-size:12px;margin-left:7px;background:#fff2;border-radius:50%;padding:3px 6px}#mobile-menu{background:white;padding:12px 5%;border-bottom:1px solid var(--line);position:relative;z-index:19}#mobile-menu[hidden]{display:none}#mobile-menu a{display:block;padding:15px;font-size:16px;font-weight:700}.bottom-nav button{color:var(--ink);background:none;display:flex;align-items:center;flex-direction:column;font-size:11px;gap:3px}.bottom-nav .save-count{font-size:9px}.lagoon-live footer{margin-top:80px}.lagoon-live footer .footer-logo{max-width:220px}.lagoon-live footer span{font-size:12px}
.lagoon-live .page-width{max-width:1320px;padding:0 5%;margin:auto}.breadcrumbs{font-size:14px;padding:26px 0}.search-heading{padding:40px 0 55px;position:relative;border-bottom:1px solid var(--line)}.search-heading:after{content:'✳';position:absolute;right:3%;top:16px;font-size:180px;line-height:1;color:var(--brand-yellow);opacity:.7;pointer-events:none}.search-heading h1{font-size:clamp(36px,5vw,68px);line-height:1.45;letter-spacing:-.045em;margin:0 0 18px;position:relative;z-index:1}.search-heading p{font-size:17px;line-height:1.9}.search-results{padding:42px 0}.search-results h2,.island-results h2{font-size:30px;letter-spacing:-.04em;margin-bottom:25px}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:16px;background:white;border:1px solid var(--line);border-radius:8px;padding:22px;margin:24px 0}.filter-bar label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;min-width:150px;flex:1}.filter-bar input,.filter-bar select{width:100%;min-width:0;padding:13px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;font-size:16px;height:auto}.filter-bar button,.primary-button{padding:14px 24px;background:var(--teal);color:white;font-size:16px;font-weight:700;border-radius:4px;transition:transform .2s,box-shadow .2s}.filter-bar a{font-size:14px;padding:15px 0}.result-total{font-size:16px;margin:28px 0}.result-total strong{font-size:30px;margin-right:8px}.search-results .spot-grid,.island-results .spot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.spot-card{min-width:0;position:relative;border:0;border-radius:0;background:none;box-shadow:none;padding:0;overflow:visible}.spot-image{height:auto;aspect-ratio:4/3;border-radius:5px;overflow:hidden}.spot-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.spot-meta{font-size:14px;margin:18px 0 9px;color:var(--teal);padding:0}.spot-card h3{font-size:21px;line-height:1.6;margin:0 0 8px;letter-spacing:-.035em;padding:0}.spot-card p{font-size:14px;color:var(--muted);padding:0;margin:0}.save-button{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;border-radius:50%;background:white;color:var(--ink);font-size:24px;border:1px solid #ffffff80;box-shadow:0 3px 15px #153f3f15}.save-button[aria-pressed=true]{color:var(--brand-red)}.results-pager{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:45px}.results-pager .outline-button{width:auto;margin:0;padding:12px 25px;font-size:16px}.island-hero{margin:0;height:510px;border-radius:0}.island-hero h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.025em}.island-hero>div{left:5%;bottom:50px}.island-hero p{font-size:19px}.island-intro h2{font-size:36px;letter-spacing:-.04em;line-height:1.65}.island-intro p{font-size:17px}.spot-hero{max-width:none;padding:0;height:510px}.spot-hero img{border-radius:0;object-position:center}.spot-hero>span{left:5%;font-size:14px}.detail-layout{padding-top:48px;gap:65px;grid-template-columns:minmax(0,1fr) 320px}.detail-layout h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.045em}.detail-lead{font-size:18px;line-height:2}.info-section h2{font-size:28px}.info-table>div{font-size:17px;line-height:1.8;padding:21px 0}.info-table dd{overflow-wrap:anywhere}.trip-panel{border-radius:6px;border-top:5px solid var(--brand-yellow);padding:28px;background:white;box-shadow:0 10px 35px #123f3e0b;top:30px}.trip-panel h2{font-size:24px}.trip-panel p:not(.eyebrow){font-size:16px}.trip-panel .outline-button{font-size:16px;padding:13px}.prototype-banner{font-size:15px}.bottom-nav{z-index:40}#saved-dialog .dialog-close{right:12px;top:12px}.saved-item{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.spot-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.spot-gallery img{aspect-ratio:4/3;border-radius:4px}.block-content{font-size:18px;line-height:2}.block-content img{height:auto}.block-content h2{font-size:30px}.block-content h3{font-size:24px}.block-content figure{margin:24px 0}
@media(hover:hover){.spot-card:hover .spot-image img{transform:scale(1.045)}.spot-card:hover{transform:none}.primary-button:hover,.filter-bar button:hover,.outline-button:hover{transform:translateY(-3px);box-shadow:0 7px 18px #123f3e19}.header a:hover{color:var(--teal)}}
@media(max-width:1050px){.header .desktop-nav{gap:20px;font-size:13px}.header .logo{width:180px}.header .join-header{font-size:14px;padding:13px}.detail-layout{gap:35px;grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:800px){.lagoon-live .header{height:74px;gap:12px;padding:0 5%}.header .desktop-nav{display:none}.header .logo{width:170px}.header .join-header{margin-left:auto;padding:9px 12px;font-size:13px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:35px;height:40px;background:none}.menu-button span{display:block;width:24px;height:2px;background:var(--ink)}.search-results .spot-grid,.island-results .spot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.detail-layout{grid-template-columns:1fr;gap:35px}.trip-panel{position:static}.island-intro{grid-template-columns:1fr;gap:20px}.island-hero,.spot-hero{height:400px}.island-intro h2{font-size:30px}.search-heading:after{font-size:120px;right:0;top:25px;opacity:.35}.filter-bar{gap:14px;padding:18px}.filter-bar label{min-width:130px}.info-table>div{grid-template-columns:100px 1fr;gap:14px}.lagoon-live footer{margin-top:45px}.bottom-nav{display:flex}.bottom-nav>a,.bottom-nav>button{flex:1}.spot-gallery{gap:8px}}
@media(max-width:480px){.spot-card h3{font-size:17px}.spot-meta,.spot-card p{font-size:12px}.spot-meta{margin-top:12px}.save-button{width:34px;height:34px;font-size:22px;right:8px;top:8px}.search-heading{padding:26px 0 35px}.search-heading p{font-size:16px}.search-heading h1{font-size:37px}.search-results h2,.island-results h2{font-size:25px}.filter-bar label:first-child{flex-basis:100%}.filter-bar button{padding:13px 20px}.island-hero,.spot-hero{height:320px}.island-hero h1{font-size:43px}.island-hero p{font-size:16px}.detail-lead,.block-content{font-size:16px}.info-table>div{font-size:15px}.prototype-banner{font-size:14px}.spot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.lagoon-live .hero{border-radius:0}

@media(max-width:800px){.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:var(--paper);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));}.lagoon-live{padding-bottom:76px}.menu-button{border-radius:50%;background:var(--light);align-items:center;}.header .menu-button{margin-left:auto}}

@media(max-width:800px){.bottom-nav>a,.bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--ink);min-height:48px}.header .menu-button{margin-left:0}}

.related-spots{margin-top:64px!important;margin-bottom:30px!important;padding-top:44px!important;border-top:1px solid var(--line)}.related-heading{margin-bottom:30px}.related-heading h2{font-size:clamp(25px,2.6vw,36px);line-height:1.6;letter-spacing:-.04em;margin:10px 0}.related-heading>p:last-child{font-size:16px;line-height:1.9;color:var(--muted)}.related-spots .spot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.related-spots .spot-card h3{font-size:19px}@media(max-width:800px){.related-spots .spot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.related-spots .spot-card h3{font-size:17px}.related-spots{margin-top:40px!important}}

.related-item{min-width:0}.related-reason{font-size:12px;color:var(--teal);font-weight:700;margin-top:12px}
.spot-detail .spot-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.spot-detail .spot-quick-actions>*{flex:1;display:flex;align-items:center;justify-content:center;width:auto;min-height:52px;margin:0;padding:14px 18px;white-space:normal;text-align:center;font-size:17px;font-weight:700;line-height:1.5}.spot-detail .spot-section-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.spot-detail .spot-section-links a{display:flex;align-items:center;min-height:44px;padding:9px 14px;background:var(--light);border-radius:24px;font-size:15px;font-weight:700;color:var(--teal)}.spot-detail :is(#spot-info,#access,#experiences,#community-heading){scroll-margin-top:100px}.spot-detail .spot-quick-actions>*:focus-visible,.spot-detail .spot-section-links a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.spot-detail .detail-layout>article{min-width:0}.spot-detail .detail-layout h1{overflow-wrap:anywhere}.spot-detail .block-content{overflow-wrap:anywhere}.spot-detail .community-panel .outline-button{min-height:48px;font-size:17px;font-weight:700;line-height:1.6;white-space:normal}
@media(max-width:800px){.spot-detail .detail-layout{padding-top:30px}.spot-detail .spot-hero{height:auto;aspect-ratio:4/3;padding:0;overflow:hidden}.spot-detail .spot-hero img{height:100%;width:100%;object-fit:cover}.spot-detail .detail-layout h1{font-size:clamp(27px,6vw,36px);line-height:1.5;margin:12px 0 20px}.spot-detail .spot-quick-actions{gap:8px;margin:20px 0}.spot-detail .spot-quick-actions>*{min-width:0;padding:13px 8px;font-size:16px}.spot-detail .spot-section-links{gap:8px}.spot-detail .detail-lead,.spot-detail .block-content,.spot-detail .info-table>div{font-size:17px;line-height:1.9}.spot-detail .info-table>div{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:18px 0}.spot-detail .info-table dt{font-size:15px}.spot-detail .prototype-banner,.spot-detail .sample-note{font-size:15px;line-height:1.8}.spot-detail .community-panel p,.spot-detail .experience-card p{font-size:17px;line-height:1.9}.spot-detail .community-panel{padding:22px 18px}.spot-detail .info-section h2{font-size:25px}.spot-detail .spot-gallery img{width:100%;object-fit:cover}}