/* Shared Gem Boat header and company details. The Home keeps its hero header. */
:root{--brand-blue:#213b76;--brand-ink:#172c50;--brand-line:#dce3ed}
body>header:not(.home-header){height:116px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--brand-blue);color:#fff;border:0;box-shadow:0 4px 24px #12234412}
body>header:not(.home-header) .brand{position:relative;display:block;width:154px;height:100px;overflow:hidden;flex-shrink:0}
body>header:not(.home-header) .brand img{position:absolute;width:224px;height:auto;max-width:none;left:-35px;top:-42px;object-fit:contain}
body>header:not(.home-header) :is(.tagline,.header-label){font:13px/1.4 Arial,sans-serif;letter-spacing:2.8px;color:#fff}
body>header:not(.home-header)>a:last-child{font:13px/1.4 Arial,sans-serif;letter-spacing:.6px;color:#fff;border:1px solid #ffffff66;border-radius:4px;padding:12px 18px;text-decoration:none;white-space:nowrap;transition:background .2s}
body>header:not(.home-header)>a:last-child:hover{background:#ffffff18}
body>.site-sections{background:var(--brand-blue);border-top:1px solid #ffffff20;border-bottom:0;gap:32px}
body>.site-sections a{color:#ffffffdc;min-height:48px}
body>.site-sections a[aria-current="page"]{color:#fff;border-bottom-color:#fff}
body>.site-sections a:hover{color:#fff;border-bottom-color:#ffffff80}
body>header a:focus-visible,body>.site-sections a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.company-footer{display:block!important;max-width:none!important;margin:0!important;padding:38px 4.5% 32px!important;background:#213b76!important;color:#fff!important;border:0!important;font:13px/1.7 Arial,sans-serif!important}
.company-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #ffffff30}
.company-footer .footer-name{color:#fff;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:3px}
.company-footer nav{display:flex;flex-wrap:wrap;gap:12px 26px}
.company-footer nav a{color:#fff;text-decoration:none;padding:4px 0}
.company-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.company-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:22px}
.company-footer .copyright{margin:0 0 9px;font-size:12px;font-weight:400;letter-spacing:0}
.company-footer .company-data{margin:0;font-size:11px;line-height:1.9;color:#e2e9f6;max-width:650px}
.company-footer .company-data strong{font-weight:600}
.company-footer .footer-contacts{display:flex;flex-direction:column;gap:5px;align-items:flex-end;min-width:0}
.company-footer .footer-contacts a{color:#fff;text-decoration:none;overflow-wrap:anywhere}
.company-footer .footer-contacts span{color:#e2e9f6;font-size:11px;letter-spacing:0;font-weight:400}
.company-footer a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.model-spec-link{display:inline-flex;gap:12px;align-items:center;font:13px/1.5 Arial,sans-serif;color:#213b76;text-underline-offset:4px;margin:-7px 0 22px;padding:5px 0}
@media(max-width:900px){body>header:not(.home-header){height:92px;padding:0 18px;gap:14px}body>header:not(.home-header) .brand{width:124px;height:80px}body>header:not(.home-header) .brand img{width:180px;left:-28px;top:-34px}body>header:not(.home-header) :is(.tagline,.header-label){display:none}body>header:not(.home-header)>a:last-child{font-size:11px;padding:10px 12px}}
@media(max-width:650px){.company-footer{padding:30px 20px!important}.company-footer .footer-top,.company-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.company-footer nav{gap:8px 20px;font-size:12px}.company-footer .footer-contacts{align-items:flex-start}.company-footer .company-data{font-size:11px}.company-footer .copyright{font-size:12px}}
@media(max-width:450px){body>.site-sections{gap:14px;padding:0 12px}body>.site-sections a{font-size:12px}}
/* Long rental section name remains readable on narrow screens. */
@media(max-width:650px){body>.site-sections{display:grid;grid-template-columns:.6fr 1fr 1fr 1.15fr;gap:10px;padding:0 12px}body>.site-sections a{justify-content:center;min-width:0;min-height:58px;font-size:12px;line-height:1.35}}
/* Five sections, with room for the full rental label on mobile. */
@media(max-width:650px){body>.site-sections{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 14px}body>.site-sections a{grid-column:span 2;min-height:44px}body>.site-sections a:nth-last-child(-n+2){grid-column:span 3}}
@media(min-width:761px) and (max-width:1100px){.home-header .desktop-nav{gap:16px;font-size:12px}.home-header .header-contact{gap:10px;padding:11px}}

/* Matching contact actions on the models page. */
.help .help-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.help .help-actions a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border-radius:5px;text-decoration:none}.help .help-whatsapp{background:#213b76;color:#fff}.help .help-email{background:transparent;color:#213b76;border:1px solid #213b7660}.help-actions svg{flex-shrink:0}.help a:focus-visible{outline:3px solid #4679ca;outline-offset:4px}
