/* Petrol blue and warm gold frame the site's own identity. */
body .reference-header.elegant-header{position:relative;height:106px!important;min-height:106px!important;padding:0 4%!important;display:flex;align-items:center!important;background:#173f47;color:#f8f7f2;z-index:110}
body[data-page="index.html"] .reference-header.elegant-header{position:absolute!important;inset:0 0 auto;background:linear-gradient(#173f47a6,#173f4726)!important}
.elegant-header:after{content:"";position:absolute;bottom:0;left:4%;right:4%;height:1px;background:#e6d8b78c;pointer-events:none}
body .elegant-header .menu{display:grid!important;place-items:center;position:absolute!important;left:4%!important;right:auto!important;top:31px!important;width:44px!important;height:44px!important;border:0!important;background:transparent!important;padding:8px!important;border-radius:0;color:#f8f7f2;z-index:3}
.menu-lines{display:block;width:29px;height:16px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .2s}
.menu[aria-expanded="true"] .menu-lines{transform:rotate(-45deg)}
body .elegant-header .language-dropdown{position:absolute!important;left:calc(4% + 58px)!important;right:auto!important;top:31px!important;bottom:auto!important;transform:none!important;z-index:3}
body .elegant-header .language-dropdown summary{min-width:0;min-height:44px;padding:8px;gap:8px}
.elegant-header .language-dropdown summary img{display:none}
.elegant-header .language-dropdown summary>span:not(.language-chevron){font-size:12px}
.elegant-header .elegant-header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:178px;display:block}
.elegant-header-logo img{display:block;width:100%;height:auto;object-fit:contain}
.elegant-header .header-logo{display:none!important}
.elegant-header .elegant-header-book{position:absolute;right:4%;top:27px;display:flex;align-items:center;gap:22px;justify-content:space-between;max-width:300px;min-height:52px;padding:12px 20px;background:#e7d9bb;color:#173f47;font:13px/1.4 Arial,sans-serif;border:1px solid #d4be8e;border-radius:2px;transition:box-shadow .2s,background .2s}
.elegant-header-book span{font-size:23px;color:#8c7549}
.elegant-header-book:hover,.elegant-header-book:focus-visible{background:#f5ebd6;box-shadow:0 0 14px #e7d9bb66}
body .elegant-header nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;max-height:calc(100dvh - 106px);overflow:auto;padding:26px 6% 36px;background:#173f47;font-size:18px;flex-direction:column;gap:10px;box-shadow:0 18px 28px #061f2e55}
body .elegant-header nav.open{display:flex!important}
.elegant-header .nav-dropdown{width:100%}.elegant-header .tours-submenu{position:static;flex-basis:100%;width:100%;margin-top:8px;box-shadow:none;border-left:1px solid #e7d9bb66;border-top:0}
.elegant-header nav>a,.elegant-header .tour-nav-link{min-height:44px;display:flex;align-items:center;white-space:normal;padding:8px 0}
@media(max-width:650px){
body .reference-header.elegant-header{height:128px!important;min-height:128px!important}
body .elegant-header .menu{top:14px!important;left:5%!important}
body .elegant-header .language-dropdown{top:14px!important;left:calc(5% + 42px)!important}
.elegant-header .language-dropdown summary>span:not(.language-chevron){max-width:26px;overflow:hidden;font-size:11px}
.elegant-header .elegant-header-logo{top:36px;width:126px}
.elegant-header .elegant-header-book{top:76px;left:5%;right:5%;max-width:none;min-height:39px;padding:6px 14px;font-size:12px;justify-content:center;gap:15px}
body .elegant-header nav{max-height:calc(100dvh - 128px)}
}
.elegant-header .elegant-header-book{background:transparent;color:#f3e7ce;border-color:#d4be8e;animation:header-book-pulse 3.2s ease-in-out infinite}
.elegant-header .elegant-header-book span{color:#e7d9bb}
.elegant-header .elegant-header-book:hover,.elegant-header .elegant-header-book:focus-visible{background:#e7d9bb12;color:#fff5e1;animation:none;box-shadow:0 0 16px #e7d9bb45}
@keyframes header-book-pulse{0%,100%{box-shadow:0 0 0 0 #e7d9bb00;border-color:#d4be8e99}50%{box-shadow:0 0 12px 1px #e7d9bb30;border-color:#eedfbb}}
@media(prefers-reduced-motion:reduce){.elegant-header .elegant-header-book{animation:none}}
.elegant-header .elegant-header-book{max-width:180px;gap:16px;white-space:nowrap}
@media(max-width:650px){
body .reference-header.elegant-header{height:86px!important;min-height:86px!important}
body .elegant-header .menu{top:21px!important;left:12px!important;width:32px!important;padding:4px!important}
body .elegant-header .language-dropdown{top:21px!important;left:45px!important}
body .elegant-header .language-dropdown summary{padding:8px 3px;gap:3px}
.elegant-header .elegant-header-logo{top:43px;width:100px}
.elegant-header .elegant-header-book{top:23px;left:auto;right:12px;min-height:40px;max-width:110px;padding:7px 9px;font-size:11px;gap:6px}
.elegant-header .elegant-header-book span{font-size:17px}
body .elegant-header nav{max-height:calc(100dvh - 86px)}
}
@media(max-width:350px){.elegant-header .elegant-header-logo{width:86px}.elegant-header .elegant-header-book{font-size:10px;padding:7px;gap:4px}}
body .elegant-header .language-dropdown summary img{display:block;width:23px;height:16px;object-fit:cover;flex-shrink:0}
#home .hero-title-white{color:#fff}
#home .hero-title-glass{color:rgba(255,255,255,.32);text-shadow:none}
@media(max-width:650px){body .elegant-header .language-dropdown summary>span:not(.language-chevron){display:none}body .elegant-header .language-dropdown summary{gap:5px}}
/* Softer cards and a compact, consistently aligned navigation row. */
.signature-card,.place-card{border-radius:26px!important;overflow:hidden;box-shadow:0 8px 28px #173f4709;border:1px solid #173f4710}
.signature-card .signature-photo,.place-card .place-photo{border-radius:25px 25px 0 0;overflow:hidden}
.signature-card .signature-copy,.place-card .place-copy{border-radius:0 0 25px 25px}
body .elegant-header nav{align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;padding:16px 6% 20px!important;font-size:16px!important}
body .elegant-header nav>a,body .elegant-header .nav-dropdown{width:100%;min-height:44px;margin:0!important;justify-content:flex-start!important;text-align:left;flex-shrink:0}
body .elegant-header .nav-dropdown{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body .elegant-header .tour-nav-link{min-height:44px;margin:0;padding:8px 0;display:flex;align-items:center}
body .elegant-header .tours-toggle{height:44px;min-width:44px;padding:8px;display:grid;place-items:center}
body .elegant-header .tours-submenu{margin:0 0 8px;padding:4px 0;flex-basis:100%;border-radius:12px;background:#ffffff08}
@media(min-width:800px){
body .reference-header.elegant-header{height:166px!important;min-height:166px!important}
.elegant-header .elegant-header-logo{top:53px}
body .elegant-header .menu{display:none!important}
body .elegant-header .language-dropdown{left:4%!important}
body .elegant-header nav,body .elegant-header nav.open{display:flex!important;top:106px!important;height:60px;max-height:none;overflow:visible;flex-direction:row;align-items:center!important;justify-content:center!important;padding:0 3%!important;gap:clamp(12px,2.2vw,32px)!important;box-shadow:none;background:#173f47eb;border-top:1px solid #e6d8b74d;font-size:clamp(10px,1.15vw,15px)!important}
body .elegant-header nav>a,body .elegant-header .nav-dropdown{width:auto;min-height:44px;white-space:nowrap}
body .elegant-header .nav-dropdown{position:relative;gap:3px;flex-wrap:nowrap}
body .elegant-header .tours-toggle{min-width:28px;width:28px}
body .elegant-header .tours-submenu{position:absolute;top:100%;left:-18px;width:310px;max-height:60dvh;overflow:auto;background:#173f47;box-shadow:0 12px 28px #061f2e33;border:1px solid #e7d9bb40;z-index:5}
.elegant-header:after{display:none}
}
@media(max-width:799px){.signature-card,.place-card{border-radius:22px!important}body .elegant-header nav{align-items:stretch!important}body .elegant-header nav>a{align-self:stretch}}
/* Rounded surfaces throughout the site, with the original petrol and gold palette. */
:root{--surface-radius:24px;--control-radius:16px}
:is(.tour-card,.fleet-card,.signature-card,.place-card,.escape-card,.cup-tour-card,.td-boat-card,.config-card,.destination-grid>a,.vessel-destination-grid>a){border-radius:var(--surface-radius)!important;overflow:hidden}
:is(.fleet-photo,.signature-photo,.place-photo,.escape-photo,.cup-tour-photo,.rental-visual,.cup-boat-visual,.vessel-gallery,.boat-detail-gallery,.vessel-photo-layout,.boat-gallery,.td-stop-photo,.td-swimming-photo,.td-relax-photo,.golden-overview-photo,.route-photo,.transfer-photo,.salpa-gallery>a){border-radius:var(--surface-radius);overflow:hidden}
:is(.signature-card,.place-card,.fleet-card,.escape-card,.cup-tour-card) :is(.signature-photo,.place-photo,.fleet-photo,.escape-photo,.cup-tour-photo){border-radius:var(--surface-radius) var(--surface-radius) 0 0}
:is(.fleet-filter-panel,.boat-mode-panel,.route-panel,.route-overview,.detail-booking,.boat-detail-booking,.vessel-rental-note,.vessel-included-note,.vessel-cancellation,.vessel-delivery,.signature-inclusions,.golden-overview-note,.config-total,.booking-choice-summary,.booking-privacy-notice,.td-booking-facts,.td-booking-data,.privacy-preferences){border-radius:var(--surface-radius)}
#boat-mode-panel,dialog,.language-options,.tours-submenu{border-radius:var(--surface-radius)}
:is(.button,.elegant-header-book,.language-link,.config-choice,.fleet-filter,button:not(.menu):not(.tours-toggle):not(.inline-button):not(.google-review-more),input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:var(--control-radius)!important}
body .elegant-header nav{background:#173f4760!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:18px!important}
@media(min-width:800px){
body .elegant-header nav,body .elegant-header nav.open{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:clamp(13px,1.2vw,17px)!important;gap:clamp(9px,1.6vw,24px)!important;padding:0 2%!important}
body .elegant-header nav>a,body .elegant-header .tour-nav-link{font-size:inherit!important;letter-spacing:0}
body .elegant-header .tours-submenu{background:#173f47e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media(max-width:799px){body .elegant-header nav{background:#173f47b8!important;border-radius:0 0 24px 24px}body .elegant-header nav>a,body .elegant-header .tour-nav-link{font-size:18px!important}}
@media(max-width:650px){:root{--surface-radius:20px;--control-radius:14px}}
/* Persistent navigation with a gently compacting brand mark. */
body .reference-header.elegant-header{position:sticky!important;top:0;transition:background .3s ease,box-shadow .3s ease}
body[data-page="index.html"] .reference-header.elegant-header{position:fixed!important;inset:0 0 auto!important}
body .elegant-header .elegant-header-logo{width:216px;transition:width .38s cubic-bezier(.22,.61,.36,1)}
body .elegant-header.is-scrolled .elegant-header-logo{width:178px}
body .reference-header.elegant-header.is-scrolled,body[data-page="index.html"] .reference-header.elegant-header.is-scrolled{background:#173f47f5!important;box-shadow:0 6px 25px #061f2e24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body .elegant-header .elegant-header-book{animation:booking-gold-glow 2.4s ease-in-out infinite;will-change:box-shadow;transition:background .2s,border-color .2s,transform .2s}
@keyframes booking-gold-glow{0%,100%{box-shadow:0 0 0 0 #e7d9bb00,0 0 8px #e7d9bb12;border-color:#d4be8e99;background:#e7d9bb04}50%{box-shadow:0 0 0 5px #e7d9bb12,0 0 25px #e7d9bb66,inset 0 0 14px #e7d9bb12;border-color:#fff0ce;background:#e7d9bb12}}
body .elegant-header .elegant-header-book:hover,body .elegant-header .elegant-header-book:focus-visible{animation:none;box-shadow:0 0 0 4px #e7d9bb18,0 0 26px #e7d9bb66;background:#e7d9bb20;transform:translateY(-1px)}
@media(min-width:800px){html{scroll-padding-top:190px}}
@media(min-width:651px) and (max-width:799px){body .elegant-header .elegant-header-logo{width:190px}body .elegant-header.is-scrolled .elegant-header-logo{width:160px}}
@media(max-width:650px){body .elegant-header .elegant-header-logo{width:116px}body .elegant-header.is-scrolled .elegant-header-logo{width:98px}html{scroll-padding-top:110px}}
@media(max-width:350px){body .elegant-header .elegant-header-logo{width:94px}body .elegant-header.is-scrolled .elegant-header-logo{width:82px}}
@media(prefers-reduced-motion:reduce){body .elegant-header .elegant-header-book{animation:none;will-change:auto}body .elegant-header .elegant-header-logo,body .reference-header.elegant-header{transition:none}}
/* One glass treatment across desktop and mobile, including the scrolled state. */
body .reference-header.elegant-header,body[data-page="index.html"] .reference-header.elegant-header,
body .reference-header.elegant-header.is-scrolled,body[data-page="index.html"] .reference-header.elegant-header.is-scrolled{background:rgba(23,63,71,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 24px #061f2e18}
body .elegant-header nav,body .elegant-header nav.open{background:rgba(23,63,71,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(min-width:800px){body .elegant-header nav,body .elegant-header nav.open{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:600px){body .elegant-header .elegant-header-book{font-size:10px;white-space:normal;line-height:1.3;width:108px;max-width:108px;min-width:0;gap:4px;padding:7px;overflow-wrap:anywhere}body .elegant-header .elegant-header-book span{font-size:16px;flex:none}body .elegant-header .elegant-header-logo{max-width:130px}}@media(max-width:360px){body .elegant-header .elegant-header-book{width:95px;max-width:95px;font-size:9px}body .elegant-header .elegant-header-logo{max-width:104px}}

/* Keep translated availability labels inside the control at every breakpoint. */
body .elegant-header .elegant-header-book{box-sizing:border-box;width:auto;max-width:240px;white-space:normal;overflow-wrap:normal;word-break:normal;justify-content:center;gap:12px;text-align:center;line-height:1.35;flex-shrink:0}
body .elegant-header .elegant-header-book span{flex:0 0 auto}
@media(min-width:651px){body .elegant-header .elegant-header-book{min-width:180px;padding:12px 16px}}
@media(max-width:650px){body .elegant-header .elegant-header-book{width:112px;max-width:112px;min-width:0;font-size:10px;padding:7px 8px;gap:5px}body .elegant-header .elegant-header-logo{max-width:104px}}
@media(max-width:360px){body .elegant-header .elegant-header-book{width:98px;max-width:98px;font-size:9px;padding:7px 6px}body .elegant-header .elegant-header-logo{max-width:88px}}
/* Leave room for the About entry without crowding the desktop navigation. */
@media(min-width:800px){body .elegant-header nav,body .elegant-header nav.open{font-size:clamp(11.5px,1.05vw,15px)!important;gap:clamp(7px,1.2vw,18px)!important;padding:0 2%!important}}