.mobile-tabs{display:none}.install-app{display:block;margin-top:16px;border:1px solid #88cde0;border-radius:12px;background:transparent;color:inherit;padding:12px 16px;cursor:pointer;font:inherit}.install-app:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #0b9ed0;outline-offset:3px}
@media(max-width:760px){
html{scroll-padding-top:86px}body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:15;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce8ec;box-shadow:0 -5px 20px #062a3c08}.mobile-tabs a{min-height:52px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;color:#627985;text-decoration:none;border-radius:12px;font-size:12px;font-weight:650}.mobile-tabs a[aria-current]{background:#eaf8fc;color:#067ba4}.topbar{position:sticky;top:0;height:68px;padding:0 16px;z-index:16}.topbar .brand span{display:inline;font-size:1.1rem}.topbar .header-actions{gap:5px}.topbar .account-button{display:none}.topbar .login-button{padding:10px;font-size:14px}.currency-picker select{width:70px;font-size:14px;padding-left:8px}.search-hero{min-height:0;padding:34px 18px 30px;background-position:center}.search-hero h1{font-size:3.2rem;line-height:1.02}.search-hero .intro{font-size:16px;margin-bottom:22px}.search-hero .eyebrow{font-size:12px}.search-card{grid-template-columns:1fr 1fr;border-radius:18px}.search-card .destination,.search-button{grid-column:1/-1}.search-card label{padding:12px;min-width:0}.search-card input,.search-card select{font-size:16px}.search-card label span{font-size:12px}.search-button{min-height:48px;margin-top:6px}.trust-row{display:none}.discovery-rail,.results-section{padding:30px 18px}.rail-heading h2,.section-heading h2{font-size:1.8rem}.rail-heading .eyebrow{font-size:12px;margin-bottom:9px}.rail-card{flex-basis:82vw}.rail-card-body>span{font-size:14px}.rail-card-body strong{font-size:16px}.rail-card-body button{min-height:44px}.boat-grid{grid-template-columns:1fr}.filter{min-height:44px;font-size:14px}.price strong{font-size:16px}.view{min-height:44px}.specs,.meta{font-size:14px}.listing-panel{position:fixed;inset:0;transform:none;width:100%;height:100%;max-height:none;border-radius:0;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.listing-detail{display:block;max-height:none;overflow:visible}.listing-detail>img{height:280px;min-height:0;object-fit:cover}.listing-detail-body{padding:24px 18px}.listing-detail-body h2{font-size:2rem}.listing-panel .modal-close{position:sticky;float:right;top:12px;margin-bottom:-50px;width:44px;height:44px}.booking-request input,.booking-request textarea{font-size:16px}.booking-request>button{min-height:50px}.booking-fields{grid-template-columns:1fr 1fr}.modal-panel:not(.listing-panel){max-height:calc(100dvh - 30px);border-radius:20px}.profile-form input,.profile-form select{font-size:16px}.dashboard-main{padding:0 16px 28px}.dashboard-topbar{height:94px;margin-bottom:20px}.dashboard-topbar h1{font-size:1.65rem;line-height:1.15}.traveller-body #menuToggle{display:none}.traveller-body .dashboard-topbar .profile-copy{display:none}.traveller-body .kpi-grid{grid-template-columns:1fr 1fr}.traveller-body .dashboard-grid{grid-template-columns:1fr}.settings-form input,.settings-form select,.boat-form-panel input,.boat-form-panel textarea,.boat-form-panel select{font-size:16px}.boat-form-panel label>span:first-child{font-size:14px}.photo-uploader{position:relative}.photo-uploader:focus-within{outline:3px solid #0b9ed0}.photo-preview button{width:44px;height:44px}.amenities-grid label{min-height:48px}.site-footer{margin-top:24px}.page-header{padding:0 18px}.owner-hero h1{font-size:3.1rem}.boat-form-panel{width:calc(100% - 20px)}
}

/* Swipeable boat filters with clear selection and no visible scrollbar. */
@media(max-width:760px){
  .results-section .filter-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px;margin:0 -6px 24px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:6px}
  .results-section .filter-row::-webkit-scrollbar{display:none}
  .results-section .filter{flex:0 0 auto;scroll-snap-align:start}
  .results-section .filter{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:12px 18px;border:1px solid #dce8ed;border-radius:999px;background:#f4f8fa;color:#365663;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
  .results-section .filter.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 3px 8px #062a3c1a}
  .results-section .filter.active::before{content:"";width:6px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);flex:none;margin-top:-3px}
  .results-section .filter:focus-visible{outline:3px solid #0b9ed0;outline-offset:2px}
  .results-section .filter:active{background:#dcecf2}
  .results-section .filter.active:active{background:#124457}
}
@media(max-width:760px) and (hover:hover){
  .results-section .filter:not(.active):hover{background:#e2edf2;border-color:#c6dce5}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Public account hub, shared by guests, travellers and owners. */
.profile-hub-body{background:#f5f9fa;color:#062a3c}
.profile-hub-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:820px;margin:auto;padding:24px}
.profile-hub-header>a:last-child{font-size:14px;color:#365663;text-decoration:none}
.profile-hub{max-width:620px;margin:auto;padding:28px 24px 40px}
.profile-hub h1{font-size:36px;line-height:1.15;letter-spacing:-.04em;color:#062a3c;margin:0 0 26px}
.hub-identity{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.hub-avatar{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;background:#e0f0f5;font-weight:800;color:#067ba4}
.hub-identity h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}
.hub-identity p{font-size:14px;line-height:1.5;color:#627985;margin:5px 0 0;overflow-wrap:anywhere}
.hub-auth{display:flex;gap:10px;margin-bottom:24px}.hub-auth[hidden],.profile-hub [hidden]{display:none!important}
.hub-primary,.hub-secondary{flex:1;text-align:center;padding:14px 10px;border-radius:12px;font-size:14px;font-weight:750;text-decoration:none;border:1px solid #cddfe6}
.hub-primary{background:#062a3c;color:white;border-color:#062a3c}.hub-secondary{background:white;color:#062a3c}
.hub-group{margin:26px 0}.hub-group>h2{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#627985;margin:0 0 10px}
.hub-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:17px 16px;background:white;color:#062a3c;text-decoration:none;border:1px solid #e0eaee;font-size:15px;font-weight:650}
.hub-row small,.hub-owner small{display:block;font-size:13px;line-height:1.5;font-weight:400;color:#627985;margin-top:4px}
.hub-row+ .hub-row{border-top:0}.hub-row:first-of-type{border-radius:14px 14px 0 0}.hub-row:last-child{border-radius:0 0 14px 14px}.hub-row:only-of-type{border-radius:14px}
.hub-owner{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#e9f5f8;border:1px solid #cee5ed;border-radius:16px;padding:20px;color:#062a3c;text-decoration:none}
.hub-owner strong{font-size:16px}
.hub-detail{border:1px solid #e0eaee;background:white;border-radius:14px;overflow:hidden}
.hub-detail summary{cursor:pointer;min-height:56px;padding:18px 16px;font-size:15px;font-weight:650}
.hub-detail p{font-size:14px;line-height:1.7;color:#506d79;padding:0 16px;margin:0 0 16px}
.hub-detail+.hub-row{margin-top:8px;border-radius:14px}
.hub-logout{display:block;width:100%;min-height:50px;background:white;border:1px solid #dce8ed;border-radius:12px;font:inherit;color:#365663;cursor:pointer}
.hub-signoff{text-align:center;font-size:12px;color:#627985;margin:26px 0 0}
@media(max-width:760px){.site-footer{display:none}.profile-hub-header{padding:20px 18px 10px}.profile-hub-header .brand span{display:inline;font-size:18px}.profile-hub{padding:22px 18px 28px}}

/* Logo-blue navigation with high-contrast labels and a selected pill. */
@media(max-width:760px){
 .mobile-tabs{background:#13b5ed;border-top:1px solid #0ca2d8;box-shadow:0 -4px 18px #062a3c14;padding-top:9px;gap:3px}
 .mobile-tabs a{color:#062a3c;font-weight:700;border-radius:14px;transition:background-color .16s ease,box-shadow .16s ease}
 .mobile-tabs a[aria-current]{background:#fff;color:#062a3c;box-shadow:0 2px 6px #062a3c14}
 .mobile-tabs a[aria-current] svg{stroke-width:2.2}
 .mobile-tabs a:active{background:#d9f4ff}
 .mobile-tabs a:focus-visible{outline:2px solid #062a3c;outline-offset:-3px}
}
@media(max-width:760px) and (hover:hover){.mobile-tabs a:not([aria-current]):hover{background:#ffffff40}}