/* Seaborne v1.6.4 shared layout corrections — 2026-10-30 */
:root{--sbi-navy:#08263f;--sbi-navy-2:#0d3555;--sbi-light:#eaf6fc;--sbi-cyan:#20a9e8;--sbi-ink:#173b55;--sbi-muted:#526f84}

/* Main navigation: keep a dedicated logo column and prevent menu labels colliding. */
@media(min-width:1001px){
  .site-header .main-nav-inner{width:min(1280px,calc(100% - 48px))!important;display:flex!important;align-items:center!important;gap:10px!important;overflow:visible!important}
  .site-header .brand{flex:0 0 258px!important;width:258px!important;min-width:258px!important;max-width:258px!important;padding:4px 8px 4px 0!important;overflow:visible!important}
  .site-header .brand-logo{width:246px!important;max-width:100%!important;height:64px!important;max-height:64px!important;object-fit:contain!important}
  .site-header .main-menu{flex:1 1 0!important;min-width:0!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;overflow:visible!important}
  .site-header .main-menu-link{flex:0 1 auto!important;min-width:0!important;padding:0 clamp(4px,.42vw,8px)!important;font-size:clamp(11px,.88vw,12.5px)!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;justify-content:center!important}
  .site-header .main-menu-link .menu-caret{font-size:9px!important;margin-left:2px!important}
  .site-header .contact-link{flex:0 0 104px!important;width:104px!important;min-width:104px!important;margin:0 0 0 5px!important;padding:0 7px!important;font-size:11px!important;white-space:nowrap!important}
  .site-header .sbi-language-switcher{flex:0 0 132px!important;width:132px!important;min-width:132px!important;margin:0 0 0 4px!important;white-space:nowrap!important}
  .site-header .sbi-language-select{width:100%!important;max-width:132px!important}
}
@media(min-width:1001px) and (max-width:1200px){
  .site-header .main-nav-inner{width:calc(100% - 28px)!important;gap:5px!important}
  .site-header .brand{flex-basis:226px!important;width:226px!important;min-width:226px!important;max-width:226px!important}
  .site-header .brand-logo{width:216px!important;height:60px!important}
  .site-header .main-menu-link{font-size:10.5px!important;padding-left:3px!important;padding-right:3px!important}
  .site-header .contact-link{flex-basis:94px!important;width:94px!important;min-width:94px!important;font-size:10px!important;margin-left:3px!important}
  .site-header .sbi-language-switcher{flex-basis:112px!important;width:112px!important;min-width:112px!important}
  .site-header .sbi-language-select{font-size:11px!important}
}
@media(max-width:1000px){
  .site-header .main-nav,.site-header .main-nav-inner{height:74px!important;min-height:74px!important}
  .site-header .main-nav-inner{width:calc(100% - 28px)!important;gap:8px!important}
  .site-header .brand{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:74px!important;padding:4px 0!important}
  .site-header .brand-logo{width:min(250px,65vw)!important;height:62px!important;max-height:62px!important}
  .site-header .mobile-toggle{display:block!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:8px!important;background:#1761a7!important;color:#fff!important}
  .site-header .main-menu{display:none!important;position:absolute!important;top:113px!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#fff!important;box-shadow:0 12px 26px rgba(0,0,0,.16)!important;z-index:10010!important;padding:8px 14px 14px!important}
  .site-header .main-menu.mobile-visible{display:flex!important}
  .site-header .main-menu-link,.site-header .contact-link{width:100%!important;min-width:0!important;flex:0 0 auto!important;height:48px!important;min-height:48px!important;justify-content:flex-start!important;padding:0 14px!important;margin:0!important;border-radius:0!important;border-bottom:1px solid #e7eef3!important;font-size:13px!important}
  .site-header .contact-link{justify-content:center!important;margin-top:8px!important;border-radius:9px!important}
  .site-header .sbi-language-switcher{width:100%!important;min-width:0!important;flex:0 0 auto!important;margin:10px 0 0!important;padding:8px 0!important}
  .site-header .sbi-language-select{width:100%!important;height:42px!important}
}
@media(max-width:560px){.site-header .main-nav-inner{width:calc(100% - 20px)!important}.site-header .brand-logo{width:min(225px,66vw)!important;height:58px!important}.site-header .top-info-inner{width:calc(100% - 20px)!important}}

/* One consistent enquiry panel: complete left copy + white action card sit inside navy. */
.sbi-enquiry-panel{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:clamp(22px,3.4vw,44px)!important;align-items:center!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important;padding:clamp(24px,4vw,46px)!important;border:1px solid rgba(115,174,207,.16)!important;border-radius:28px!important;background:linear-gradient(135deg,#061c2e 0%,#0a2e4c 55%,#0b3d60 100%)!important;color:#fff!important;box-shadow:0 20px 48px rgba(4,34,55,.16)!important}
.sbi-enquiry-panel> :not(.sbi-shared-contact-cta){min-width:0!important;background:transparent!important;background-image:none!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) h1,.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) h2,.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) h3,.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) h4,.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) strong{color:#fff!important}
.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) p,.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) li,.sbi-enquiry-panel> :not(.sbi-shared-contact-cta) span{color:#d7e7f0!important}
.sbi-enquiry-panel .sbi-shared-contact-cta{width:100%!important;min-width:0!important;height:auto!important;min-height:270px!important;padding:clamp(22px,3vw,32px)!important;background:linear-gradient(145deg,#fff 0%,#f1f8fc 100%)!important;border:1px solid #d6e6ee!important;border-radius:20px!important;color:#12304a!important;box-shadow:0 14px 36px rgba(0,0,0,.16)!important}
.sbi-enquiry-panel .sbi-shared-contact-cta .sbi-shared-contact-eyebrow{color:#087db4!important}
.sbi-enquiry-panel .sbi-shared-contact-cta h3{color:#12304a!important}
.sbi-enquiry-panel .sbi-shared-contact-cta p{color:#536d7e!important}
.sbi-enquiry-panel .sbi-shared-contact-cta small{color:#6d8392!important}
.sbi-enquiry-panel .sbi-shared-contact-link{background:#087db4!important;color:#fff!important}
.sbi-enquiry-panel .sbi-shared-contact-link [data-cms-text]{color:#fff!important}
/* Remove old inner left-card fills on the Deck / Engine / auxiliary page variants. */
.sbi-enquiry-panel .enquiry-copy,.sbi-enquiry-panel .me-enquiry-info,.sbi-enquiry-panel .rfq-copy,.sbi-enquiry-panel .rfq-info,.sbi-enquiry-panel .pt-rfq-side{background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;padding-left:0!important}
.sbi-enquiry-panel .pt-rfq-side{position:static!important;top:auto!important}
.sbi-enquiry-panel .enquiry-copy h2,.sbi-enquiry-panel .me-enquiry-info h2,.sbi-enquiry-panel .rfq-copy h2,.sbi-enquiry-panel .rfq-info h2,.sbi-enquiry-panel .pt-rfq-side h2{color:#fff!important}
.sbi-enquiry-panel .enquiry-copy p,.sbi-enquiry-panel .me-enquiry-info p,.sbi-enquiry-panel .rfq-copy p,.sbi-enquiry-panel .rfq-info p,.sbi-enquiry-panel .pt-rfq-side p{color:#d7e7f0!important}
@media(max-width:820px){.sbi-enquiry-panel{grid-template-columns:1fr!important;gap:22px!important;padding:24px!important}.sbi-enquiry-panel .sbi-shared-contact-cta{min-height:0!important}}
@media(max-width:560px){.sbi-enquiry-panel{padding:18px!important;border-radius:19px!important}.sbi-enquiry-panel .sbi-shared-contact-cta{padding:22px 18px!important}}

/* Canonical Contact page: one navy outer panel around the full copy and the white form. */
.sbi-contact-page{background:#fff!important;padding:54px 0 72px!important;color:#fff!important}
.sbi-contact-page .sbi-contact-wrap{box-sizing:border-box!important;width:min(1220px,calc(100% - 38px))!important;max-width:1220px!important;margin:0 auto!important;padding:clamp(24px,4vw,48px)!important;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr)!important;gap:clamp(24px,4vw,48px)!important;align-items:center!important;border-radius:28px!important;border:1px solid rgba(122,179,207,.18)!important;background:linear-gradient(135deg,#061c2e 0%,#0a2e4c 55%,#0b3d60 100%)!important;box-shadow:0 20px 48px rgba(4,34,55,.16)!important}
.sbi-contact-page .sbi-contact-copy,.sbi-contact-page .sbi-contact-copy h1{color:#fff!important}
.sbi-contact-page .sbi-contact-eyebrow{color:#71d9f5!important}
.sbi-contact-page .sbi-contact-copy>p{color:#d7e7f0!important}
.sbi-contact-page .sbi-contact-points>div{background:rgba(255,255,255,.07)!important;border-color:rgba(199,226,241,.2)!important}
.sbi-contact-page .sbi-contact-points strong{color:#fff!important}
.sbi-contact-page .sbi-contact-points span{color:#d0e1eb!important}
.sbi-contact-page .sbi-contact-points a{color:#8be4ff!important}
.sbi-contact-page .sbi-contact-form{background:#fff!important;color:#12304a!important;border-color:#d8e7ee!important}
@media(max-width:850px){.sbi-contact-page .sbi-contact-wrap{grid-template-columns:1fr!important;width:calc(100% - 28px)!important;padding:25px!important}}
@media(max-width:520px){.sbi-contact-page{padding:30px 0 44px!important}.sbi-contact-page .sbi-contact-wrap{width:calc(100% - 20px)!important;padding:18px!important;border-radius:19px!important}}

/* Deck Equipment hero: light-blue canvas, dark readable copy, hero artwork retained. */
html body.deck-equipment-page .hero{background:#eaf6fc!important;background-image:none!important;color:#173b55!important}
html body.deck-equipment-page .hero h1,html body.deck-equipment-page .hero h2{color:#173b55!important}
html body.deck-equipment-page .hero p{color:#45657c!important}
html body.deck-equipment-page .hero .eyebrow,html body.deck-equipment-page .hero .kicker{color:#087db4!important}
html body.deck-equipment-page .hero .hero-visual img{box-shadow:0 22px 54px rgba(9,45,70,.18)!important}
html body.deck-equipment-page .hero .btn-secondary,html body.deck-equipment-page .hero .btn-outline{color:#173b55!important;border-color:#8bb8d0!important}

/* Propulsion & Thrusters hero: same light-blue treatment; preserve product image. */
html body.propulsion-thrusters-page .propulsion-page-content .pt-hero{background:#eaf6fc!important;background-image:none!important;color:#173b55!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-hero:after{display:none!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-hero h1{color:#173b55!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-eyebrow{color:#087db4!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-eyebrow:before{background:#20a9e8!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-hero-copy{color:#45657c!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-trust-chip{background:rgba(255,255,255,.78)!important;border-color:#cbdfea!important;color:#173b55!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-trust-chip strong{color:#173b55!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-trust-chip span{color:#526f84!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-btn-outline-light{color:#173b55!important;border-color:#8bb8d0!important}
html body.propulsion-thrusters-page .propulsion-page-content .pt-btn-outline-light:hover{background:#fff!important}


/* v1.6.5 — Product category scroll alignment and light-blue hero treatment.
   Apply from Major Auxiliary Equipment onward; preserve the right-side artwork
   and any deliberately dark inner cards/panels. The hero canvas colour is CMS-editable. */
html body.major-auxiliary-page #product-intro.hero,
html body.propulsion-thrusters-page #product-intro.pt-hero,
html body.pumps-motors-page #product-intro.hero,
html body.safety-life-saving-page #product-intro.hero,
html body.galley-accommodation-page #product-intro.hero,
html body.navigation-systems-page #product-intro.hero,
html body.control-systems-page #product-intro.hero,
html body.electrical-automation-page #product-intro.hero,
html body.hvac-ventilations-page #product-intro.hero{
  background:var(--sbi-cms-background-color,#EAF6FC)!important;
  background-image:none!important;
  color:#173B55!important;
  scroll-margin-top:calc(var(--sb-fixed-header-height,122px) + var(--sb-fixed-submenu-height,50px) + 12px)!important;
}
html body.major-auxiliary-page #product-intro.hero::before,
html body.major-auxiliary-page #product-intro.hero::after,
html body.pumps-motors-page #product-intro.hero::before,
html body.pumps-motors-page #product-intro.hero::after,
html body.safety-life-saving-page #product-intro.hero::before,
html body.safety-life-saving-page #product-intro.hero::after,
html body.galley-accommodation-page #product-intro.hero::before,
html body.galley-accommodation-page #product-intro.hero::after,
html body.navigation-systems-page #product-intro.hero::before,
html body.navigation-systems-page #product-intro.hero::after,
html body.control-systems-page #product-intro.hero::before,
html body.control-systems-page #product-intro.hero::after,
html body.electrical-automation-page #product-intro.hero::before,
html body.electrical-automation-page #product-intro.hero::after,
html body.hvac-ventilations-page #product-intro.hero::before,
html body.hvac-ventilations-page #product-intro.hero::after,
html body.propulsion-thrusters-page #product-intro.pt-hero::before,
html body.propulsion-thrusters-page #product-intro.pt-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
html body.major-auxiliary-page #product-intro .eyebrow,
html body.pumps-motors-page #product-intro .eyebrow,
html body.safety-life-saving-page #product-intro .eyebrow,
html body.galley-accommodation-page #product-intro .eyebrow,
html body.navigation-systems-page #product-intro .eyebrow,
html body.control-systems-page #product-intro .eyebrow,
html body.electrical-automation-page #product-intro .eyebrow,
html body.hvac-ventilations-page #product-intro .eyebrow,
html body.propulsion-thrusters-page #product-intro .pt-eyebrow{color:#087DB4!important}
html body.major-auxiliary-page #product-intro h1,
html body.pumps-motors-page #product-intro h1,
html body.safety-life-saving-page #product-intro h1,
html body.galley-accommodation-page #product-intro h1,
html body.navigation-systems-page #product-intro h1,
html body.control-systems-page #product-intro h1,
html body.electrical-automation-page #product-intro h1,
html body.hvac-ventilations-page #product-intro h1,
html body.propulsion-thrusters-page #product-intro h1{color:#173B55!important}
html body.major-auxiliary-page #product-intro .hero-copy,
html body.pumps-motors-page #product-intro .hero-copy,
html body.safety-life-saving-page #product-intro .hero-copy,
html body.galley-accommodation-page #product-intro .hero-copy,
html body.navigation-systems-page #product-intro .hero-copy,
html body.control-systems-page #product-intro .hero-copy,
html body.electrical-automation-page #product-intro .hero-copy,
html body.hvac-ventilations-page #product-intro .hero-copy,
html body.propulsion-thrusters-page #product-intro .pt-hero-copy{color:#45657C!important}
html body.major-auxiliary-page #product-intro .hero-tags>span,
html body.pumps-motors-page #product-intro .hero-tags>span,
html body.safety-life-saving-page #product-intro .compliance>span,
html body.galley-accommodation-page #product-intro .hero-tags>span,
html body.navigation-systems-page #product-intro .hero-tags>span,
html body.control-systems-page #product-intro .hero-tags>span,
html body.electrical-automation-page #product-intro .hero-tags>span,
html body.hvac-ventilations-page #product-intro .hero-tags>span{
  background:rgba(255,255,255,.82)!important;
  border:1px solid #C8E0EC!important;
  color:#173B55!important;
}
html body.propulsion-thrusters-page #product-intro .pt-trust-chip{background:rgba(255,255,255,.82)!important;border-color:#C8E0EC!important;color:#173B55!important}
html body.propulsion-thrusters-page #product-intro .pt-trust-chip strong{color:#173B55!important}
html body.propulsion-thrusters-page #product-intro .pt-trust-chip span{color:#526F84!important}
html body.major-auxiliary-page #product-intro .btn-ghost,
html body.pumps-motors-page #product-intro .btn-ghost,
html body.safety-life-saving-page #product-intro .btn-ghost,
html body.galley-accommodation-page #product-intro .btn-ghost,
html body.navigation-systems-page #product-intro .btn-ghost,
html body.control-systems-page #product-intro .btn-ghost,
html body.electrical-automation-page #product-intro .btn-ghost,
html body.hvac-ventilations-page #product-intro .btn-ghost{color:#173B55!important;border-color:#8BB8D0!important}

/* Static submenu anchors and direct hash links receive a stable fixed-nav scroll margin. */
html body.major-auxiliary-page #product-intro,
html body.propulsion-thrusters-page #product-intro,
html body.pumps-motors-page #product-intro,
html body.safety-life-saving-page #product-intro,
html body.galley-accommodation-page #product-intro,
html body.navigation-systems-page #product-intro,
html body.control-systems-page #product-intro,
html body.electrical-automation-page #product-intro,
html body.hvac-ventilations-page #product-intro{scroll-margin-top:calc(var(--sb-fixed-header-height,122px) + var(--sb-fixed-submenu-height,50px) + 12px)!important}