/* =========================================================
   FINAL GLOBAL TYPOGRAPHY
   One font family across every page and every control.
   ========================================================= */
:root{
  --global-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* =========================================================
   GLOBAL FONT CONTROL — USE THIS VARIABLE TO CHANGE FONT
   FOR THE ENTIRE PROJECT GLOBAL PROJECT FONT — HELVETICA NEUE
   ========================================================= */

/* Global project typography */
html,
body,
body *{
  font-family:var(--global-font)!important;
}

button,input,select,textarea{
  font-family:var(--global-font)!important;
}

500;600;700;800&display=swap');


/* =========================================================
   SEABORNE HEADER — supplied actual HTML, logo replacement
========================================================= */
.site-header{
  position:relative; z-index:1000; width:100%; background:#fff;
  border-bottom:1px solid #d9e0e5; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.top-info{
  height:39px; background:#03111c; color:#b9c9d5;
   font-size:14px;    /* KG_UPD_29082026 Font 11 -> 14 */
}
.top-info-inner{
  width:min(1220px,calc(100% - 40px)); height:39px; margin:auto;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.main-nav{height:83px;background:#fff}
.main-nav-inner{
  width:min(1220px,calc(100% - 40px)); height:83px; margin:auto;
  display:flex; align-items:center; gap:0;
}
.brand{
  width:360px; min-width:360px; height:83px; padding:7px 20px 7px 0;
  display:flex; align-items:center; justify-content:flex-start;
  background:#fff; text-decoration:none;
}
.brand-logo{
  width:292px; height:69px; display:block;
  object-fit:contain; object-position:left center;
}
.main-menu{
  flex:1 1 auto; min-width:0; height:83px;
  display:flex; align-items:stretch; justify-content:flex-end;
  
}
.main-menu-link{
  position:relative; height:83px; display:flex; align-items:center;
  justify-content:center; gap:7px; padding:0 15px;
  border:0; border-bottom:3px solid transparent; background:#fff;
  color:#172b3d; 
  font-size:12px; font-weight:600; line-height:1.15;
  white-space:nowrap; text-decoration:none; cursor:pointer;
  transition:color .15s,background .15s,border-color .15s;
}
.main-menu-link:hover{color:#1761a7;background:#f7fafc}
.main-menu-link.active,.main-menu-link.submenu-selected{
  color:#1761a7;border-bottom-color:#1761a7;
}
.menu-caret{font-size:9px;line-height:1;color:#1761a7}
.contact-link{
  margin-left:12px; min-width:114px; height:45px; align-self:center;
  border-radius:11px; border:0; background:#1761a7;
  color:#fff !important; font-weight:700;
}
.contact-link:hover{background:#104f8d;color:#fff !important}
.mobile-toggle{
  display:none; border:0; background:#1fa9ea; color:#1761a7;
   font-size:25px;
  padding:0 12px; cursor:pointer;
}

/* Submenu directly below main header */
.secondary-row{
  position:relative; z-index:900; width:100%; height:0;
  overflow:hidden; background:#fff; border-bottom:0 solid #e2e8ed;
  transition:height .15s ease;
}
.secondary-row.show{height:50px;min-height:50px;border-bottom-width:1px}
.secondary-row.products-open.show{height:100px;min-height:100px}
.secondary-row-inner{
  width:min(1220px,calc(100% - 40px)); height:100%; margin:auto; overflow:hidden;
}
.normal-sub-row,.product-sub-row{
  width:100%; height:50px; display:flex; align-items:center;
  justify-content:center; flex-wrap:nowrap; overflow:hidden;
}
.normal-sub-row a,.product-sub-row a{
  height:50px; flex:0 0 auto; display:flex; align-items:center;
  justify-content:center; gap:7px; padding:0 15px;
  color:#24384a; 
  font-size:10px; font-weight:500; line-height:1; white-space:nowrap;
  text-decoration:none; border-radius:3px;
}
.product-sub-row a{padding:0 12px;font-size:9.5px}
.normal-sub-row a:hover,.normal-sub-row a.secondary-active,
.product-sub-row a:hover,.product-sub-row a.secondary-active{
  color:#1761a7;background:#f4f8fb;font-weight:600;
}
.submenu-icon{
  width:22px;height:22px;flex:0 0 22px;display:inline-flex;
  align-items:center;justify-content:center;border-radius:50%;
  background:#eef5fa;color:#1761a7;font-size:11px;font-weight:700;
}
.normal-sub-row a:hover .submenu-icon,.product-sub-row a:hover .submenu-icon,
.normal-sub-row a.secondary-active .submenu-icon,.product-sub-row a.secondary-active .submenu-icon{
  background:#1761a7;color:#fff;
}

@media(max-width:1180px){
  .brand{width:315px;min-width:315px}.brand-logo{width:270px}
  .main-menu-link{padding:0 10px;font-size:10px}
  .contact-link{min-width:100px;margin-left:6px}
  .normal-sub-row a{padding:0 11px;font-size:9.5px}
  .product-sub-row a{padding:0 8px;font-size:9px}
}
@media(max-width:900px){
  .top-info-inner,.main-nav-inner,.secondary-row-inner{width:calc(100% - 28px)}
  .main-nav,.main-nav-inner{height:72px}
  .brand{width:auto;min-width:0;flex:1 1 auto;height:72px;padding:5px 0}
  .brand-logo{width:245px;height:62px}
  .mobile-toggle{display:block}
  .main-menu{
    display:none;position:absolute;top:111px;left:0;right:0;width:100%;
    height:auto;background:#fff;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.14);
  }
  .main-menu.mobile-visible{display:flex}
  .main-menu-link,.contact-link{
    width:100%;min-width:0;height:52px;min-height:52px;
    justify-content:flex-start;padding:0 20px;margin:0;border-radius:0;
    border-bottom:1px solid #e0e5e9;
  }
  .secondary-row.show{height:50px}.secondary-row.products-open.show{height:100px}
  .normal-sub-row,.product-sub-row{
    justify-content:flex-start;overflow-x:auto;scrollbar-width:none;
  }
  .normal-sub-row::-webkit-scrollbar,.product-sub-row::-webkit-scrollbar{display:none}
}
@media(max-width:560px){
  .top-info{font-size:9px}.top-info-inner span:last-child{display:none}
  .brand-logo{width:210px;height:58px}.secondary-row-inner{width:100%}
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1220px,calc(100% - 38px));margin:auto}

.hero{
  min-height:690px;
  position:relative;
  display:flex;
  align-items:center;
  color:light blue;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 74% 24%,rgba(46,184,239,.18),transparent 26%),
    radial-gradient(circle at 18% 8%,rgba(47,143,213,.20),transparent 28%),
    linear-gradient(135deg,#041420 0%,#06263e 43%,#074a70 72%,#087ba0 100%);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.12));
}
.hero:after{
  content:"";
  position:absolute;
  left:-6%;
  right:-6%;
  bottom:-82px;
  height:230px;
  z-index:-1;
  background:
    radial-gradient(115% 130% at 50% 0%,rgba(56,181,226,.30) 0 39%,transparent 40%),
    radial-gradient(115% 130% at 50% 18%,rgba(25,132,184,.42) 0 45%,transparent 46%),
    linear-gradient(180deg,rgba(5,57,84,0),#052b43 70%);
  transform:skewY(-2deg);
}
.hero-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:58px;
  align-items:center;
  padding:78px 0 92px;
}
.hero-copy{width:auto;padding:0}
.hero-copy .eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
  color:#9ee1ff
}
.hero-copy .eyebrow:before{content:"";width:34px;height:2px;background:#45c6f4}
.hero-copy h1{
  font-size:clamp(48px,5.7vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:16px 0 20px;
  text-transform:uppercase
}
.hero-copy p{font-size:18px;color:#d7e7ef;max-width:650px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:850;border:1px solid transparent}
.btn-white{background:white;color:#10314b}
.btn-outline{border-color:rgba(255,255,255,.4);color:white;background:rgba(255,255,255,.04)}

.hero-visual{
  min-height:480px;
  position:relative;
  border:1px solid rgba(255,255,255,.13);
  border-radius:32px;
  background:
    radial-gradient(circle at 52% 42%,rgba(72,197,241,.14),transparent 28%),
    linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 34px 80px rgba(0,0,0,.22);
  backdrop-filter:blur(3px);
  overflow:hidden;
}
.hero-visual:before{
  content:"";
  position:absolute;
  width:430px;height:430px;
  border:1px solid rgba(153,226,255,.20);
  border-radius:50%;
  left:50%;top:46%;
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 0 54px rgba(106,208,247,.035),
    0 0 0 108px rgba(106,208,247,.025);
}
.route{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(146,224,255,.8),transparent);
  transform-origin:left center;
  opacity:.85;
}
.route.r1{width:340px;left:64px;top:128px;transform:rotate(14deg)}
.route.r2{width:310px;left:110px;top:225px;transform:rotate(-16deg)}
.route.r3{width:285px;left:178px;top:92px;transform:rotate(35deg)}
.route-dot{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:#a7e8ff;box-shadow:0 0 18px #66cef4
}
.route-dot.d1{left:88px;top:144px}
.route-dot.d2{right:74px;top:171px}
.route-dot.d3{left:164px;bottom:112px}
.route-dot.d4{right:142px;bottom:82px}
.hero-badge{
  position:absolute;
  left:24px;top:22px;
  display:flex;align-items:center;gap:10px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(3,28,46,.55);
  color:#d9eef7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.hero-badge i{
  width:8px;height:8px;border-radius:50%;
  background:#55d0fb;box-shadow:0 0 14px rgba(85,208,251,.85)
}
.hero-svg{
  position:absolute;
  left:4%;
  right:4%;
  bottom:2%;
  width:92%;
  height:auto;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.20));
}
.hero-stats{
  position:absolute;
  right:22px;
  top:22px;
  display:grid;
  gap:8px;
}
.hero-stat{
  min-width:138px;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(3,29,48,.50);
}
.hero-stat strong{display:block;font-size:15px;color:white}
.hero-stat span{display:block;font-size:9px;color:#9fc8dc;margin-top:1px}


.quickbar{margin-top:-38px;position:relative;z-index:5}
.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);background:white;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #e4ecf2}
.quick-link{padding:22px 18px;border-right:1px solid #e5edf2;transition:.2s}
.quick-link:last-child{border-right:0}
.quick-link span{display:block;color:var(--brand-dark);font-size:9px;font-weight:900;letter-spacing:.12em}
.quick-link strong{display:block;font-size:13px;margin-top:5px}
.quick-link:hover{background:#f1f8fc;transform:translateY(-2px)}

.section{padding:88px 0}
.soft{background:var(--soft)}
.dark{background:linear-gradient(135deg,#061522,#0a2f4e);color:white}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-dark)}
.dark .kicker{color:#91dcfb}
.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.04em;margin:6px 0 0}
.section-head p{max-width:600px;color:var(--muted);margin:0}
.dark .section-head p{color:#bcd0dd}

.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.overview-card{position:relative;border:1px solid var(--line);background:white;border-radius:24px;padding:28px;overflow:hidden;min-height:250px;transition:.22s}
.overview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.overview-card .index{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--brand-dark)}
.overview-card h3{font-size:28px;letter-spacing:-.03em;margin:9px 0 10px}
.overview-card p{color:var(--muted);margin:0;max-width:520px}
.overview-card .open{display:inline-flex;margin-top:21px;font-size:12px;font-weight:900;color:var(--brand-dark)}
.overview-card:after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;border:38px solid #eaf5fb;border-radius:50%}

.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{position:relative;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:20px;padding:24px;min-height:260px;transition:.22s}
.product-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.08)}
.product-arrow{position:absolute;right:18px;top:16px;color:#89dcfb;font-size:22px}
.product-index{font-size:10px;color:#8bd9f9;font-weight:900;letter-spacing:.12em}
.product-card h3{font-size:23px;line-height:1.08;margin:16px 0 10px}
.product-card p{font-size:12.5px;color:#b8cad7;margin:0}
.text-link{display:inline-flex;margin-top:20px;font-size:11px;font-weight:900;color:#9ce2ff}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.contact-brand{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.contact-brand img{width:82px;height:82px;object-fit:contain}
.contact-brand strong{display:block;font-size:16px;letter-spacing:.12em}
.contact-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.04;letter-spacing:-.04em;margin:0 0 15px}
.contact-copy p{color:#c5d6e2;max-width:560px}
.contact-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.contact-point{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;background:rgba(255,255,255,.045)}
.contact-point strong{display:block;font-size:12px}
.contact-point span{font-size:10px;color:#a8bdcd}

.form-card{background:white;color:var(--ink);border-radius:24px;padding:26px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:16px;font-weight:850;color:#576c7d}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:none;background:#fff}
.field textarea{min-height:105px;resize:vertical}
.note{font-size:10px;color:#7d8f9f;margin-top:8px}

.footer{background:#03101a;color:#9eb1c0;padding:32px 0}
.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.footer img{width:62px;height:62px;object-fit:contain}
.footer strong{display:block;color:#fff;font-size:12px;letter-spacing:.1em}
.footer span{display:block;font-size:10px;margin-top:2px}

@media(max-width:1150px){
  .logo-box{min-width:300px;padding-right:16px}
  .logo-copy strong{font-size:19px}
  .logo-copy span{font-size:14px}
  .nav-item{padding:0 15px;font-size:12px}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .nav{height:72px;align-items:center;padding:0 12px}
  .logo-box{border:0;min-width:auto;padding:0}
  .logo-box img{width:52px;height:52px}
  .logo-copy{display:none}
  .mobile-toggle{display:block;margin-left:auto}
  .menu{display:none;position:absolute;left:0;right:0;top:72px;background:white;box-shadow:0 18px 30px rgba(5,30,49,.12);flex-direction:column}
  .menu.open{display:flex}
  .nav-item{min-height:52px;border-right:0;border-bottom:1px solid #e7ebee}
  .nav-item.contact{margin-left:0}
  .dropdown{position:static;box-shadow:none;border:0;padding:0 0 8px 15px;display:block;background:transparent}
  .hero{min-height:auto}
  .hero-content{grid-template-columns:1fr;padding:62px 0 82px}
  .hero-copy{padding:0}
  .hero-visual{min-height:410px}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .overview-grid,.contact-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{width:min(100% - 24px,1220px)}
  .hero-copy h1{font-size:42px}
  .hero-visual{min-height:330px;border-radius:24px}
  .hero-stats{position:static;display:grid;grid-template-columns:repeat(3,1fr);padding:18px}
  .hero-badge{position:static;display:inline-flex;margin:18px 18px 0}
  .hero-svg{bottom:-3%;width:100%;left:0;right:0}
  .quick-grid,.products-grid,.contact-points,.form-grid{grid-template-columns:1fr}
  .section{padding:64px 0}
  .section-head{display:block}
  .section-head p{margin-top:12px}
  .overview-card{min-height:auto}
  .footer-inner{grid-template-columns:auto 1fr}
  .footer-inner>div:last-child{grid-column:1/-1}
}


/* FINAL NAVIGATION */
.site-header{position:relative;z-index:1000;width:100%;background:#fff;border-bottom:1px solid #d5d9dd;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.nav{display:flex;align-items:stretch;width:100%;height:88px}.logo-box{flex:0 0 330px;display:flex;align-items:center;gap:13px;padding:0 20px 0 26px;background:#fff;border-right:1px solid #d4d8dc}.logo-box img{width:50px;height:50px;object-fit:contain}.logo-copy strong{display:block;font-size:21px;line-height:1;color:#185b9e;font-weight:800}.logo-copy span{display:block;margin-top:3px;font-size:14px;line-height:1;color:#185b9e}
.menu{flex:1 1 auto;min-width:0;display:flex;align-items:stretch}.main-menu-item{appearance:none;border:0;border-right:1px solid #d4d8dc;border-radius:0;background:#f1f1f1;color:#101820;min-width:0;height:88px;display:flex;align-items:center;justify-content:center;padding:0 18px;font:700 13px Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none}.main-menu-item span{margin-left:8px;font-size:9px}.main-menu-item:hover{background:#e8eef2}.main-menu-item.selected{background:#185b9e;color:#fff}.main-menu-item:nth-child(1){flex:0 0 102px}.main-menu-item:nth-child(2){flex:0 0 172px}.main-menu-item:nth-child(3){flex:0 0 225px}.main-menu-item:nth-child(4){flex:1 1 235px}.main-menu-item:nth-child(5){flex:0 0 186px}.contact-item{flex:0 0 100px;background:#185b9e;color:#fff;border-right:0;text-transform:uppercase}.contact-item:hover{background:#185b9e;color:#fff}
.secondary-row{display:none;position:relative;z-index:900;width:100%;height:50px;background:#fff;border-bottom:1px solid #e4e7e9;overflow:hidden}.secondary-row.show{display:block}.secondary-row-inner{width:100%;height:50px;display:block;overflow:hidden;padding:0;margin:0}.normal-sub-row{height:50px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;overflow:hidden}.normal-sub-row a{height:50px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 21px;color:#111;font:500 12px Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none}.normal-sub-row a:hover{color:#185b9e;background:#f7fafc}
.secondary-row.products-open{height:100px!important;min-height:100px!important}.secondary-row.products-open .secondary-row-inner{height:100px!important;min-height:100px!important}.product-sub-row{height:50px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;overflow:hidden!important}.product-sub-row a{height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:0 16px!important;color:#111!important;font:500 11px Arial,Helvetica,sans-serif!important;white-space:nowrap!important;text-decoration:none!important}.product-sub-row a:hover{color:#185b9e!important;background:#f7fafc!important}
.mobile-toggle{display:none;border:0;background:#1fa9ea;color:#185b9e;font-size:26px;padding:0 14px;cursor:pointer}
@media(max-width:1100px){.logo-box{flex-basis:280px}.main-menu-item{font-size:11px;padding:0 10px}.main-menu-item:nth-child(1){flex-basis:90px}.main-menu-item:nth-child(2){flex-basis:145px}.main-menu-item:nth-child(3){flex-basis:185px}.main-menu-item:nth-child(5){flex-basis:155px}.contact-item{flex-basis:90px}.product-sub-row a{padding:0 9px!important;font-size:10px!important}}
@media(max-width:850px){.nav{height:72px}.logo-box{flex:1 1 auto;height:72px;padding-left:15px}.logo-box img{width:44px;height:44px}.logo-copy strong{font-size:17px}.logo-copy span{font-size:11px}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;background:#1fa9ea;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.15)}.menu.mobile-open{display:flex}.main-menu-item,.contact-item{flex:0 0 52px!important;width:100%;height:52px;justify-content:flex-start;padding:0 20px;border-right:0;border-bottom:1px solid #ddd}.secondary-row.products-open{height:100px!important}.product-sub-row a{padding:0 6px!important;font-size:8.5px!important}.normal-sub-row a{padding:0 12px;font-size:10px}}

/* FINAL FONT REQUIREMENT: MONTSERRAT */
.site-header,
.site-header *,
.main-menu,
.main-menu *,
.main-menu-link,
.contact-link,
.secondary-row,
.secondary-row *,
.normal-sub-row,
.normal-sub-row a,
.product-sub-row,
.product-sub-row a,
.submenu-icon,
.mobile-toggle {
    
}

/* =========================================================
   EXPLICIT MONTSERRAT FONT - HEADER / NAVIGATION
   ========================================================= */
.site-header,
.site-header .top-info,
.site-header .top-info-inner,
.site-header .main-nav,
.site-header .main-nav-inner,
.site-header .main-menu,
.site-header .main-menu-link,
.site-header .contact-link,
.site-header .mobile-toggle,
.site-header .secondary-row,
.site-header .secondary-row-inner,
.site-header .normal-sub-row,
.site-header .normal-sub-row a,
.site-header .product-sub-row,
.site-header .product-sub-row a,
.site-header .submenu-icon {
    
}

/* SUBMENU: TRANSPARENT BLUE + WHITE TEXT + HOVER ENLARGEMENT */
.secondary-row {
    background: rgba(9, 77, 133, 0.94) !important;
    border-bottom: 1px solid rgba(255,255,255,0.22) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.secondary-row-inner,
.normal-sub-row,
.product-sub-row {
    background: transparent !important;
}
.normal-sub-row a,
.product-sub-row a {
    color: #ffffff !important;
    background: transparent !important;
    
    font-weight: 500;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
    transform-origin: center center;
}
.submenu-icon {
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.25);
    transition: transform .18s ease, background-color .18s ease;
}
.normal-sub-row a:hover,
.product-sub-row a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.16) !important;
    transform: scale(1.10);
    font-weight: 700;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    position: relative;
    z-index: 5;
}
.normal-sub-row a:hover .submenu-icon,
.product-sub-row a:hover .submenu-icon {
    background: #ffffff !important;
    color: #1761a7 !important;
    transform: scale(1.08);
}
.normal-sub-row a.secondary-active,
.product-sub-row a.secondary-active {
    color: #ffffff !important;
    background: rgba(255,255,255,.10) !important;
    font-weight: 600;
}
@media(max-width:900px) {
    .secondary-row { background: rgba(9,77,133,.97) !important; }
    .normal-sub-row a:hover,
    .product-sub-row a:hover { transform: scale(1.05); }
}

/* =========================================================
   FINAL SUBMENU COLOUR
   Matches the LIGHT/UPPER BLUE of the supplied logo.
   Logo reference colour: RGB(28,160,242) / #1CA0F2
   ========================================================= */

.secondary-row {
    background: #1CA0F2 !important;
    border-bottom: 1px solid rgba(255,255,255,0.30) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.10);
}

.secondary-row-inner,
.normal-sub-row,
.product-sub-row {
    background: transparent !important;
}

.normal-sub-row a,
.product-sub-row a {
    color: #FFFFFF !important;
    background: transparent !important;
    
    font-weight: 500 !important;
    transition: transform .18s ease,
                background-color .18s ease,
                box-shadow .18s ease,
                font-size .18s ease;
    transform-origin: center center;
}

.submenu-icon {
    background: rgba(255,255,255,.18) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.35);
}

.normal-sub-row a:hover,
.product-sub-row a:hover {
    color: #FFFFFF !important;
    background: rgba(0,0,0,.12) !important;
    transform: scale(1.10);
    font-weight: 700 !important;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    position: relative;
    z-index: 5;
}

.normal-sub-row a:hover .submenu-icon,
.product-sub-row a:hover .submenu-icon {
    background: #FFFFFF !important;
    color: #1CA0F2 !important;
    transform: scale(1.08);
}

.normal-sub-row a.secondary-active,
.product-sub-row a.secondary-active {
    color: #FFFFFF !important;
    background: rgba(0,0,0,.08) !important;
}

@media(max-width:900px) {
    .secondary-row {
        background: #1CA0F2 !important;
    }

    .normal-sub-row a:hover,
    .product-sub-row a:hover {
        transform: scale(1.05);
    }
}


/* =========================================================
   UNIVERSAL SITE CONTROLS
   Scroll navigation + social side rail + full footer
   ========================================================= */


/* ---------- Social side rail ---------- */
.sb-social-rail{
  position:fixed;
  right:14px;
  top:50%;
  transform:translate3d(0,-50%,0);
  z-index:9998;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:9px 7px;
  border-radius:18px;
  background:rgba(6,21,34,.88);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .28s ease, opacity .2s ease, background .2s ease;
  opacity:.92;
}
.sb-social-rail.sb-scroll-down{
  transform:translate3d(0,calc(-50% + 14px),0);
}
.sb-social-rail.sb-scroll-up{
  transform:translate3d(0,calc(-50% - 14px),0);
}
.sb-social-rail:hover{
  opacity:1;
  background:rgba(6,21,34,.97);
}
.sb-social-link{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.10);
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.sb-social-link:hover{
  transform:scale(1.14);
  background:var(--sb-upper-blue);
  color:#fff;
}
.sb-social-link svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}

/* ---------- Scroll up / down controls ---------- */
.sb-scroll-controls{
  position:fixed;
  right:18px;
  bottom:24px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sb-scroll-btn{
  width:44px;
  height:44px;
  display:none;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:12px;
  background:var(--sb-upper-blue);
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(7,38,62,.24);
  transition:transform .18s ease, background .18s ease, opacity .18s ease;
}
.sb-scroll-btn.sb-visible{display:flex}
.sb-scroll-btn:hover{
  transform:scale(1.10);
  background:var(--sb-deep-blue);
}
.sb-scroll-btn svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------- Footer ---------- */
.sb-footer{
  margin-top:0;
  background:linear-gradient(135deg,var(--sb-footer) 0%,var(--sb-footer-2) 100%);
  color:#d8e7f0;
  
}
.sb-footer-main{
  width:min(1180px,calc(100% - 38px));
  margin:0 auto;
  padding:62px 0 42px;
  display:grid;
  grid-template-columns:1.45fr repeat(4,1fr);
  gap:34px;
}
.sb-footer-brand{
  max-width:300px;
}
.sb-footer-logo{
  width:225px;
  height:auto;
  display:block;
  margin-bottom:17px;
  background:#fff;
  padding:8px 12px;
  border-radius:8px;
}
.sb-footer-title{
  margin:0 0 9px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sb-footer-text{
  margin:0;
  color:#9eb8c9;
  font-size:10px;
  line-height:1.8;
}
.sb-footer-col h3{
  margin:0 0 15px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sb-footer-links{
  list-style:none;
  margin:0;
  padding:0;
}
.sb-footer-links li{margin:0}
.sb-footer-links a{
  display:inline-block;
  padding:5px 0;
  color:#a9bfcd;
  font-size:10px;
  text-decoration:none;
  transition:color .16s ease, transform .16s ease;
}
.sb-footer-links a:hover{
  color:#fff;
  transform:translateX(3px);
}
.sb-footer-socials{
  display:flex;
  gap:8px;
  margin-top:17px;
}
.sb-footer-socials a{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.sb-footer-socials a:hover{background:var(--sb-upper-blue)}
.sb-footer-socials svg{width:16px;height:16px;fill:currentColor}
.sb-footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
}
.sb-footer-bottom-inner{
  width:min(1180px,calc(100% - 38px));
  margin:0 auto;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.sb-footer-bottom p{
  margin:0;
  color:#7f9bad;
  font-size:9px;
}
.sb-footer-bottom a{
  color:#9fc4d8;
  font-size:9px;
  text-decoration:none;
}
.sb-footer-bottom a:hover{color:#fff}

/* Keep content clear of floating controls on small screens */
@media(max-width:900px){
  .sb-social-rail{
    right:8px;
    padding:7px 5px;
    gap:6px;
  }
  .sb-social-link{width:34px;height:34px;border-radius:9px}
  .sb-social-link svg{width:16px;height:16px}
  .sb-scroll-controls{right:9px;bottom:14px}
  .sb-scroll-btn{width:40px;height:40px;border-radius:10px}
  .sb-footer-main{
    grid-template-columns:repeat(2,1fr);
    gap:28px 22px;
    padding:45px 0 32px;
  }
  .sb-footer-brand{grid-column:1/-1;max-width:100%}
}
@media(max-width:560px){
  .sb-social-rail{
    top:auto;
    bottom:76px;
    transform:none;
  }
  .sb-social-rail.sb-scroll-down,
  .sb-social-rail.sb-scroll-up{transform:translateY(0)}
  .sb-footer-main{grid-template-columns:1fr}
  .sb-footer-brand{grid-column:auto}
  .sb-footer-bottom-inner{
    flex-direction:column;
    justify-content:center;
    padding:13px 0;
    text-align:center;
  }
}

/* =========================================================
   SOCIAL SIDEBAR - TRANSPARENT, DISTINCT BACKGROUND
   ========================================================= */

/* Override the previous dark social panel */
.sb-social-rail {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Individual social buttons are also transparent */
.sb-social-link {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #1761a7 !important;
}

.sb-social-link:hover {
    background: rgba(28, 160, 242, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.65) !important;
    color: #ffffff !important;
    transform: scale(1.14);
}

/* Keep the rail transparent when the mouse is over it */
.sb-social-rail:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

/* On dark sections, the transparent icons remain visible */
.sb-social-link svg {
    fill: currentColor;
}


/* =========================================================
   SUBMENU - DARKER BLUE
   ========================================================= */
.secondary-row{
  background:#1761a7 !important;
  border-bottom:1px solid rgba(255,255,255,.25) !important;
}
.secondary-row-inner,
.normal-sub-row,
.product-sub-row{
  background:transparent !important;
}
.normal-sub-row a,
.product-sub-row a{
  color:#fff !important;
}
.normal-sub-row a:hover,
.product-sub-row a:hover,
.normal-sub-row a.secondary-active,
.product-sub-row a.secondary-active{
  color:#fff !important;
  background:rgba(0,0,0,.12) !important;
}
.submenu-icon{
  color:#fff !important;
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.28) !important;
}
.normal-sub-row a:hover .submenu-icon,
.product-sub-row a:hover .submenu-icon{
  color:#1761a7 !important;
  background:#fff !important;
}



/* =========================================================
   SOCIAL SIDE BAR REMOVED
   Footer social links remain available.
   ========================================================= */
.sb-social-rail{
  display:none!important;
}

/* =========================================================
   SEABORNE BRAND TYPOGRAPHY — FINAL
   ========================================================= */

/* Top black content strip: slightly larger and bold */
.top-content,.top-strip,.top-bar,.header-top,
.announcement-bar,.header-topbar,.site-topbar{
  font-size:18px!important;
  font-weight:700!important;
}

/* Main menu: larger and bold */
header .nav-link,
header .main-nav a,
header nav > ul > li > a,
.main-menu > li > a,
.navbar-nav > li > a{
  font-size:15px!important;
  font-weight:700!important;
}

/* Primary section headings: Seaborne logo upper colour */
.section-title,.section-heading,.page-title{
  color:#7BD8F6!important;
}

/* Secondary headings: Seaborne logo lower colour */
.subsection-title,.sub-section-title{
  color:#168FC2!important;
}

/* Existing image sections follow the same brand hierarchy */
#why .overlay-heading,#principles .overlay-heading{
  color:#7BD8F6!important;
}
#why .kicker,#principles .kicker{
  color:#168FC2!important;
}


/* =========================================================
   FINAL HEADER / MENU ADJUSTMENT
   Keep existing Seaborne logo unchanged.
   Reduce spacing between main menu items.
   ========================================================= */

header nav > ul,
header .main-nav,
.main-menu,
.navbar-nav{
  gap:10px!important;
}

header nav > ul > li,
.main-menu > li,
.navbar-nav > li{
  margin-left:0!important;
  margin-right:0!important;
}

header nav > ul > li > a,
header .main-nav a,
.main-menu > li > a,
.navbar-nav > li > a,
header .nav-link{
  padding-left:7px!important;
  padding-right:7px!important;
  margin-left:0!important;
  margin-right:0!important;
  white-space:nowrap!important;
}

/* Preserve the existing logo size and position. */
header .logo,
header .brand-logo,
header .navbar-brand,
header img{
  /* intentionally no size or position changes */
}

@media(max-width:1100px){
  header nav > ul,
  header .main-nav,
  .main-menu,
  .navbar-nav{
    gap:6px!important;
  }

  header nav > ul > li > a,
  header .main-nav a,
  .main-menu > li > a,
  .navbar-nav > li > a,
  header .nav-link{
    padding-left:5px!important;
    padding-right:5px!important;
  }
}


/* =========================================================
   HEADER FINAL ADJUSTMENT
   Logo slightly smaller + menu items closer together.
   ========================================================= */

/* Keep the existing Seaborne logo — only reduce its displayed size
   slightly so the complete menu, including About Us, remains visible. */
header .logo img,
header .brand-logo img,
header .navbar-brand img,
header .logo,
header .brand-logo{
  max-height:52px!important;
  width:auto!important;
}

/* Main navigation: tighter spacing */
header nav > ul,
header .main-nav,
.main-menu,
.navbar-nav{
  gap:4px!important;
}

header nav > ul > li,
header .main-menu > li,
.main-menu > li,
.navbar-nav > li{
  margin:0!important;
  padding:0!important;
}

header nav > ul > li > a,
header .main-nav a,
.main-menu > li > a,
.navbar-nav > li > a,
header .nav-link{
  padding-left:5px!important;
  padding-right:5px!important;
  margin:0!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}

/* Slightly tighter still on medium desktop widths */
@media (max-width:1200px){
  header .logo img,
  header .brand-logo img,
  header .navbar-brand img{
    max-height:48px!important;
  }

  header nav > ul,
  header .main-nav,
  .main-menu,
  .navbar-nav{
    gap:2px!important;
  }

  header nav > ul > li > a,
  header .main-nav a,
  .main-menu > li > a,
  .navbar-nav > li > a,
  header .nav-link{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:14px!important;
  }
}


/* HEADER PAGE - ABOUT US: KG_UPD_02092026 */
/*
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 17px;border:1px solid transparent;font-size:12px;font-weight:850;transition:.2s}
.btn-blue{background:var(--sb-blue-deep);color:white}
.btn-blue:hover{background:#104f8d;transform:translateY(-1px)}
.btn-light{background:#fff;color:#0a253c}
.btn-ghost-light{border-color:rgba(255,255,255,.32);color:white}
*/



/*
#about .hero-actions{
  font-family:var(--global-font)!important;
  text-align:center!important;
}

#about .hero-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  padding:11px 17px;
  border:1px solid transparent;
  font-size:18px!important;
  font-weight:850;
  transition:.2s}
}

#about .hero-actions .btn .btn-light{
  display:block!important;
  width:100%!important;
  font-size:18px!important;
}

#about .hero-actions .btn s .btn-ghost-light{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.45!important;
}
*/

/* WHO WE ARE — right block */
#who-we-are .right-block h3,
#who-we-are .right-block .block-heading,
#who-we-are .right-block .section-heading,
#who-we-are .right-side h3,
#who-we-are .right-side .block-heading,
#who-we-are .right-side .section-heading{
  text-align:center!important;
  font-size:22px!important;
  font-weight:800!important;
}
#who-we-are .right-block .rectangle,
#who-we-are .right-block .info-box,
#who-we-are .right-block .card,
#who-we-are .right-side .rectangle,
#who-we-are .right-side .info-box,
#who-we-are .right-side .card{
  font-size:16px!important;
}

/* WHY SEABORNE — four bottom rectangles */
#why .overlay-card{font-size:16px!important;}
#why .overlay-card strong{
  font-size:15px!important;
  font-weight:800!important;
}
#why .overlay-card span{
  font-size:13px!important;
  line-height:1.35!important;
}

/* WHAT LEADS US — right-side content */
#what-leads-us .right-block,
#what-leads-us .right-side,
#what-leads-us .content-right{
  font-size:16px!important;
}
#what-leads-us .right-block h3,
#what-leads-us .right-side h3,
#what-leads-us .content-right h3{
  font-size:22px!important;
  font-weight:800!important;
}
#what-leads-us .right-block p,
#what-leads-us .right-side p,
#what-leads-us .content-right p{
  font-size:16px!important;
  line-height:1.55!important;
}

/* GUIDING MANAGEMENT PRINCIPLES — four bottom rectangles */
#principles .overlay-card{font-size:16px!important;}
#principles .overlay-card strong{
  font-size:15px!important;
  font-weight:800!important;
}
#principles .overlay-card span{
  font-size:13px!important;
  line-height:1.35!important;
}

/* MISSION & VISION — OUR MISSION */
#mission-vision .mission h3,
#mission-vision .our-mission,
#mission-vision .mission-title{
  font-weight:800!important;
  color:#0c4f72!important;
}

/* =========================================================
   WHO WE ARE — FACT RECTANGLES
   2012 / 5 / 3 / One-stop and their descriptions are centered
   inside each rectangle.
   ========================================================= */
#who .facts-grid{
  text-align:center!important;
}

#who .facts-grid .fact-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

#who .facts-grid .fact-card strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:28px!important;
  font-weight:800!important;
}

#who .facts-grid .fact-card span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:15px!important;
}

/* =========================================================
   SECTION RECTANGLE / CONTENT TYPOGRAPHY — FINAL
   Headings are centered; descriptions remain left aligned.
   ========================================================= */
/* ===== Global Effect KG_UPD_30082026:START =========== */

/* WHO WE ARE — four fact rectangles */
#who .facts-grid .fact-card{
  text-align:left!important;
}

#who .facts-grid .fact-card strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:800!important;
}

#who .facts-grid .fact-card span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:1.45!important;
} 

/* WHY SEABORNE — four bottom rectangles */
#why .value-chips .chip{
  text-align:left!important;
}

#why .value-chips .chip strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

#why .value-chips .chip span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.45!important;
}

/* WHAT LEADS US — right-side contents */
#leads .lead-orbit .lead-node{
  text-align:left!important;
}

#leads .lead-orbit .lead-node strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:800!important;
}

#leads .lead-orbit .lead-node span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:1.45!important;
} 


/* GUIDING MANAGEMENT PRINCIPLES — four bottom rectangles */
#principles .principle-list .principle {
    text-align: left !important;
}

/* Heading inside each rectangle */
#principles .principle-list .principle b {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

/* Description inside each rectangle */
#principles .principle-list .principle span {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}
/* ===== Global Effect KG_UPD_30082026:END =========== */


/* =========================================================
   COMPACT SECTION HEADERS — FINAL
   Helvetica Neue throughout.
   Main heading and kicker stay visually compact with no
   unnecessary vertical gap.
   ========================================================= */

.section .section-head{
  font-family:var(--global-font)!important;
  gap:0!important;
  margin-bottom:24px!important;
}

.section .section-head > div{
  margin:0!important;
  padding:0!important;
}

.section .section-head .kicker{
  font-family:var(--global-font)!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
}

.section .section-head h2{
  font-family:var(--global-font)!important;
  margin:2px 0 0!important;
  padding:0!important;
  line-height:1.05!important;
}

.section .section-head p{
  font-family:var(--global-font)!important;
  margin:4px 0 0!important;
  padding:0!important;
  line-height:1.35!important;
}

/* Keep every section heading consistently compact */
.section-title,
.section-heading,
.page-title,
.kicker,
.section .section-head *{
  font-family:var(--global-font)!important;
}


/* =========================================================
   SECTION HEADER / SUB-HEADER LETTER SPACING — FINAL
   Reduce spacing between letters within words.
   Applies only to section headings and sub-headings.
   ========================================================= */

.section .section-head,
.section .section-head *,
.section-title,
.section-heading,
.page-title,
.kicker,
.subsection-title,
.sub-section-title{
  font-family:var(--global-font)!important;
  letter-spacing:-0.015em!important;
}

/* Main section heading — tighter character spacing */
.section .section-head h2{
  letter-spacing:-0.025em!important;
}

/* Section kicker / sub-header — slightly tighter */
.section .section-head .kicker{
  letter-spacing:-0.005em!important;
}

/* Supporting sub-header/tagline */
.section .section-head p{
  letter-spacing:-0.01em!important;
}

/* =========================================================
   ALL SECTION HEADERS & SUB-SECTIONS — CONSISTENT TRACKING
   Applies the same tighter Helvetica Neue letter spacing to
   every section heading, sub-heading and subsection heading.
   ========================================================= */

/* Main section headings */
.section h1,
.section h2,
.section h3.section-title,
.section .section-title,
.section .section-heading,
.section .page-title,
.section .kicker{
  font-family:var(--global-font)!important;
  letter-spacing:-0.025em!important;
}

/* Section sub-headings / taglines */
.section .section-head p,
.section .section-subtitle,
.section .sub-title,
.section .subtitle,
.section .kicker-sub,
.section .kicker-sub-white,
.section .subheading,
.section .sub-heading{
  font-family:var(--global-font)!important;
  letter-spacing:-0.015em!important;
}

/* Sub-section headings */
.section .subsection-title,
.section .sub-section-title,
.section .subsection-heading,
.section .sub-section-heading,
.section .content-title,
.section .block-heading,
.section .card-title{
  font-family:var(--global-font)!important;
  letter-spacing:-0.015em!important;
}

/* Headings inside image/overlay sections */
.section .overlay h1,
.section .overlay h2,
.section .overlay h3,
.section .overlay .title,
.section .overlay .heading,
.section .image-content h1,
.section .image-content h2,
.section .image-content h3,
.section .image-content .title,
.section .image-content .heading{
  font-family:var(--global-font)!important;
  letter-spacing:-0.02em!important;
}

/* Preserve the compact vertical spacing already approved */
.section .section-head,
.section .section-head > div,
.section .section-head h1,
.section .section-head h2,
.section .section-head h3,
.section .section-head p{
  margin-top:0!important;
}

/* Do NOT alter normal body copy letter spacing */
.section p:not(.section-subtitle):not(.subtitle):not(.kicker-sub):not(.kicker-sub-white),
.section .description,
.section .body-copy{
  letter-spacing:normal;
}

/* =========================================================
   SALES & SERVICES — ALIGN WITH APPROVED ABOUT US TYPOGRAPHY
   ========================================================= */
.sales-page,
.sales-page *{
  font-family:var(--global-font)!important;
}

/* Section heading typography: same scale used by About Us */
.sales-page .section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:34px;
  margin-bottom:36px;
}
.sales-page .section-head .kicker{
  color:var(--sb-blue)!important;
  font-size:35px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
  margin:0!important;
}
.sales-page .section-head .kicker-sub{
  color:var(--sb-blue-deep)!important;
  font-size:25px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  line-height:1.08!important;
  text-transform:uppercase!important;
  margin:3px 0 0!important;
}
.sales-page .sales-dark .section-head .kicker{color:#8bd7fa!important;}
.sales-page .sales-dark .section-head .kicker-sub{color:#fff!important;}
.sales-page .section-head > p{
  max-width:590px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.6!important;
}

/* Hero typography: same headline/body scale as About Us */
.sales-page .sales-hero{
  min-height:720px!important;
}
.sales-page .sales-hero-content{
  min-height:720px!important;
}
.sales-page .sales-hero-copy{
  padding:92px 0 100px!important;
  max-width:820px!important;
}
.sales-page .sales-hero h1{
  font-family:var(--global-font)!important;
  font-size:clamp(30px,6.6vw,64px)!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
  max-width:820px!important;
  margin:18px 0 22px!important;
}
.sales-page .sales-hero .hero-copy{
  font-size:18px!important;
  line-height:1.6!important;
  color:#d2e1ec!important;
  max-width:760px!important;
  margin:0!important;
}
.sales-page .hero-actions{margin-top:30px!important;}


/* Sales-page body copy follows About Us paragraph sizing */
.sales-page .copy p{
  font-size:16px!important;
  line-height:1.6!important;
  margin:0 0 17px!important;
}
.sales-page .sales-card,
.sales-page .edge-point,
.sales-page .benefit-card,
.sales-page .service-card{
  font-family:var(--global-font)!important;
}

/* Hero capability labels — retain compact treatment but use global font */
/*
.sales-page .sales-capability b{font-size:10px!important;}
.sales-page .sales-capability span{font-size:15px!important;}

#sales .sales-capability-strip .sales-capability b{text-align:center!important;font-size:12px!important;}
#sales .sales-capability-strip .sales-capability span{text-align:left!important;font-size:14px!important;}
*/

/* COMPETITIVE EDGE — right-side contents */
#sales .edge-points .edge-point{
  text-align:left!important;
}

#sales .edge-points .edge-point strong{
  display:block!important;
  width:100%!important;
  color:var(--sb-blue-deep)!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:800!important;
}

#sales .edge-points .edge-point span{
  display:block!important;
  width:100%!important;
  color:var(--black-deep)!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.45!important;
} 

/* Mobile: preserve About Us responsive behaviour */
@media(max-width:900px){
  .sales-page .section-head{display:block!important;}
  .sales-page .section-head > p{margin-top:14px!important;}
  .sales-page .section-head .kicker{font-size:30px!important;}
  .sales-page .section-head .kicker-sub{font-size:20px!important;}
  .sales-page .sales-hero,
  .sales-page .sales-hero-content{min-height:650px!important;}
}
@media(max-width:600px){
  .sales-page .section-head .kicker{font-size:26px!important;}
  .sales-page .section-head .kicker-sub{font-size:17px!important;}
  .sales-page .sales-hero h1{font-size:42px!important;}
  .sales-page .sales-hero .hero-copy{font-size:16px!important;}
}


/* =========================================================
   SALES & SERVICES — HEADER CAPABILITY STRIP
   Upper cyan title: larger
   Lower white description: smaller
   ========================================================= */
.sales-page .sales-capability b{
  color:#8edcff!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

.sales-page .sales-capability span{
  color:#fff!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

/* =========================================================
   SALES & SERVICES — SUB-HEADER LETTER SPACING
   Same tighter treatment as the approved About Us page.
   ========================================================= */
.sales-page #competencies .section-head .kicker-sub,
.sales-page #edge .section-head .kicker-sub{
  letter-spacing:-.015em!important;
}

/* Keep Sales & Services typography tied to the global font switch */
.sales-page,
.sales-page *{
  font-family:var(--global-font)!important;
}


/* =========================================================
   SEABORNE GLOBAL SECTION SUB-HEADER COLOUR
   Main heading: cyan
   Second heading/sub-header: Seaborne blue
   Applies consistently across all pages.
   ========================================================= */
.kicker-sub,
.section-head .kicker-sub,
.kicker-sub-white{
  color:#185a98!important;
}


/* =========================================================
   FINAL SECTION SECOND-HEADING COLOUR — SITE WIDE
   Match the WHO WE ARE reference.
   ========================================================= */
.section-head .kicker-sub,
.kicker-sub,
.section-head .kicker-sub-white,
.kicker-sub-white{
  color:#185a98!important;
}

/* =========================================================
   KG FINAL — REDUCED SECTION GAPS
   About Us and Sales & Services
   Keep sections visually connected without changing content.
   ========================================================= */
.about-page .section,
.sales-page .section{
  padding-top:52px!important;
  padding-bottom:52px!important;
}

.about-page .section .section-head,
.sales-page .section .section-head{
  margin-bottom:20px!important;
}

/* Connect With Us: compact spacing while retaining the approved CTA layout */
.about-page #contact,
.sales-page #sales-contact{
  padding-top:46px!important;
  padding-bottom:46px!important;
}

/* Reduce the visual gap before the footer */
.about-page .footer,
.sales-page .footer,
.about-page .sb-footer,
.sales-page .sb-footer{
  margin-top:34px!important;
}

@media(max-width:900px){
  .about-page .section,
  .sales-page .section{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }

  .about-page #contact,
  .sales-page #sales-contact{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
}

@media(max-width:600px){
  .about-page .section,
  .sales-page .section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

  .about-page #contact,
  .sales-page #sales-contact{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
}

/* FINAL PAGE-LEVEL NAV VISIBILITY */
.sales-page .site-header,
.project-page .site-header{
  display:block!important;
  position:relative!important;
  z-index:9999!important;
}
.sales-page .secondary-row.show,
.project-page .secondary-row.show{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:50px!important;
  min-height:50px!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:9998!important;
}
.sales-page .secondary-row-inner,
.project-page .secondary-row-inner{
  visibility:visible!important;
  opacity:1!important;
}


/* Up-arrow top state for Sales & Services and Project Management.
   Keep the primary menu visible; hide only the secondary submenu bar. */
.sales-page.hide-secondary-at-top .secondary-row,
.project-page.hide-secondary-at-top .secondary-row{
  display:none!important;
  height:0!important;
  min-height:0!important;
  border:0!important;
  overflow:hidden!important;
}
.sales-page.hide-secondary-at-top .main-menu-link.submenu-selected,
.project-page.hide-secondary-at-top .main-menu-link.submenu-selected{
  color:#1761a7!important;
  border-bottom-color:#1761a7!important;
}
\n\n/* =========================================================\n   KG FINAL NAVIGATION FIX — UPLOAD(6) BASE\n   1) Primary menu remains fixed while scrolling.\n   2) Open submenu remains fixed directly below primary menu.\n   3) Product submenu wraps naturally into additional rows.\n   ========================================================= */\n:root{\n  --sb-fixed-header-height:122px;\n  --sb-fixed-submenu-height:50px;\n}\nhtml{scroll-padding-top:calc(var(--sb-fixed-header-height) + var(--sb-fixed-submenu-height) + 12px);}\nbody{padding-top:var(--sb-fixed-header-height);}\n.site-header{\n  position:fixed !important;\n  top:0 !important; left:0 !important; right:0 !important;\n  width:100% !important;\n  z-index:10000 !important;\n}\n.secondary-row{\n  position:fixed !important;\n  top:var(--sb-fixed-header-height) !important;\n  left:0 !important; right:0 !important;\n  width:100% !important;\n  z-index:9999 !important;\n  height:0 !important; min-height:0 !important;\n  overflow:hidden !important;\n}\n.secondary-row.show{\n  height:var(--sb-fixed-submenu-height) !important;\n  min-height:var(--sb-fixed-submenu-height) !important;\n  overflow:visible !important;\n}\n/* Product menu: all 11 items are allowed to wrap into another row. */\n.secondary-row.products-open.show{\n  height:auto !important;\n  min-height:100px !important;\n  max-height:none !important;\n  overflow:visible !important;\n}\n.secondary-row.products-open .secondary-row-inner{\n  height:auto !important;\n  min-height:100px !important;\n  overflow:visible !important;\n}\n.secondary-row.products-open .product-sub-row{\n  width:100% !important;\n  height:auto !important;\n  min-height:100px !important;\n  display:flex !important;\n  flex-direction:row !important;\n  flex-wrap:wrap !important;\n  align-items:center !important;\n  justify-content:center !important;\n  align-content:center !important;\n  overflow:visible !important;\n  row-gap:0 !important;\n}\n.secondary-row.products-open .product-sub-row a{\n  height:50px !important;\n  flex:0 1 auto !important;\n  white-space:nowrap !important;\n}\n/* When product submenu is open, reserve two rows below the fixed header. */\nbody.sb-product-submenu-open{\n  padding-top:calc(var(--sb-fixed-header-height) + 100px) !important;\n}\nbody.sb-submenu-open:not(.sb-product-submenu-open){\n  padding-top:calc(var(--sb-fixed-header-height) + 50px) !important;\n}\n/* Do not let old top-arrow rules hide the submenu. */\nbody.hide-secondary-at-top .secondary-row{\n  display:block !important;\n}\n@media(max-width:900px){\n  :root{--sb-fixed-header-height:111px;}\n  body{padding-top:var(--sb-fixed-header-height);}\n  body.sb-product-submenu-open{padding-top:calc(var(--sb-fixed-header-height) + 100px) !important;}\n  body.sb-submenu-open:not(.sb-product-submenu-open){padding-top:calc(var(--sb-fixed-header-height) + 50px) !important;}\n  .secondary-row.products-open.show{min-height:150px !important;}\n  .secondary-row.products-open .product-sub-row{min-height:150px !important;}\n}\n
/* =========================================================
   FINAL PRODUCT SUBMENU FIX
   All 11 Product submenu items are rendered from main.js.
   They wrap to a second row only when the first row cannot
   contain all items.
   ========================================================= */
.secondary-row.products-open.show{
  height:auto!important;
  min-height:50px!important;
  max-height:none!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .secondary-row-inner{
  height:auto!important;
  min-height:50px!important;
  max-height:none!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .product-sub-row{
  width:100%!important;
  min-height:50px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  justify-content:center!important;
  align-content:center!important;
  overflow:visible!important;
  row-gap:0!important;
}

.secondary-row.products-open.show .product-sub-row a{
  height:50px!important;
  min-height:50px!important;
  flex:0 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Reserve enough page space when Product submenu wraps. */
body.sb-product-submenu-open{
  padding-top:calc(var(--sb-fixed-header-height) + 100px)!important;
}

/* On narrower screens allow the Product row to grow beyond two lines if
   required rather than clipping any submenu item. */
@media(max-width:900px){
  .secondary-row.products-open.show{
    min-height:100px!important;
    height:auto!important;
  }
  .secondary-row.products-open.show .secondary-row-inner{
    min-height:100px!important;
    height:auto!important;
  }
  .secondary-row.products-open.show .product-sub-row{
    min-height:100px!important;
    height:auto!important;
    overflow:visible!important;
  }
}

/* =========================================================
   PRODUCT SUBMENU — DEFINITIVE 11-ITEM / 2-ROW LAYOUT
   Rows: 6 items on row 1 + 5 items on row 2.
   ========================================================= */
.secondary-row.products-open.show{
  display:block!important;
  height:100px!important;
  min-height:100px!important;
  max-height:100px!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .secondary-row-inner{
  display:block!important;
  width:100%!important;
  height:100px!important;
  min-height:100px!important;
  max-height:100px!important;
  overflow:visible!important;
}

.secondary-row.products-open.show .product-sub-row-1,
.secondary-row.products-open.show .product-sub-row-2{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

.secondary-row.products-open.show .product-sub-row-1 a,
.secondary-row.products-open.show .product-sub-row-2 a{
  height:50px!important;
  min-height:50px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Product submenu needs 100px of navigation space below the fixed header. */
body.sb-product-submenu-open{
  padding-top:calc(var(--sb-fixed-header-height) + 100px)!important;
}

/* Prevent earlier mobile rules from collapsing the second row. */
@media(max-width:900px){
  .secondary-row.products-open.show{
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
  }
  .secondary-row.products-open.show .secondary-row-inner{
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
  }
  .secondary-row.products-open.show .product-sub-row-1,
  .secondary-row.products-open.show .product-sub-row-2{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
  }
}

/* Project Management toggle: remove the main-menu blue line when the
   submenu is closed; restore it when the submenu is open. */
.project-page .main-menu-link.active{
  border-bottom-color:transparent!important;
}
.project-page .main-menu-link.submenu-selected.active{
  border-bottom-color:#1761a7!important;
}
.project-page .secondary-row:not(.show){
  display:none!important;
  height:0!important;
  min-height:0!important;
}


/* Arrow navigation: keep the destination clean, with neither primary nor secondary menu visible. */
.site-header.sb-arrow-navigation-hidden,
body.sb-arrow-navigation-hidden .secondary-row {
  display:none !important;
}
body.sb-arrow-navigation-hidden {
  padding-top:0 !important;
}


/* =========================================================
   FINAL TOP-ARROW STATE
   Up arrow shows ONLY the primary header/menu. The submenu row,
   its background and its reserved vertical space are removed.
   Down arrow restores the active submenu.
   ========================================================= */
body.hide-secondary-at-top .secondary-row,
body.hide-secondary-at-top .site-header .secondary-row {
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  opacity:0 !important;
}
body.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}
body.hide-secondary-at-top.engineering-page,
body.hide-secondary-at-top.project-page,
body.hide-secondary-at-top.sales-page {
  padding-top:var(--sb-fixed-header-height) !important;
}
@media(max-width:900px){
  body.hide-secondary-at-top {
    padding-top:var(--sb-fixed-header-height) !important;
  }
}

/* =========================================================
   FINAL UP-ARROW TOP STATE — MAIN MENU ONLY
   When Up Arrow is clicked, keep the primary header/menu visible
   but completely remove the submenu row and its background.
   Higher-specificity page rules above are intentionally overridden here.
   ========================================================= */
body.hide-secondary-at-top .secondary-row,
body.about-page.hide-secondary-at-top .secondary-row,
body.sales-page.hide-secondary-at-top .secondary-row,
body.project-page.hide-secondary-at-top .secondary-row,
body.engineering-page.hide-secondary-at-top .secondary-row,
body.products-page.hide-secondary-at-top .secondary-row {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

body.hide-secondary-at-top .secondary-row-inner,
body.hide-secondary-at-top .normal-sub-row,
body.hide-secondary-at-top .product-sub-row {
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}


/* =========================================================
   APPROVED UP-ARROW BEHAVIOUR — SAME AS SALES / PROJECT
   At the top/heading state, keep ONLY the primary header.
   The secondary submenu row must have zero visual or layout presence.
   Down Arrow removes this state and restores the active submenu.
   ========================================================= */
body.hide-secondary-at-top .secondary-row,
body.hide-secondary-at-top .secondary-row-inner,
body.hide-secondary-at-top .normal-sub-row,
body.hide-secondary-at-top .product-sub-row {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
  overflow:hidden !important;
}
body.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}


/* ================================================================
   FINAL NAV GAP ELIMINATION
   Engineering-style fixed navigation for EVERY page.
   This rule deliberately uses higher specificity than the older
   Sales/Project page overrides that set the submenu to position:relative.
   ================================================================ */

body:not(.engineering-page) .site-header,
body.sales-page .site-header,
body.project-page .site-header,
body.about-page .site-header,
body.products-page .site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:10000 !important;
}

body:not(.engineering-page) .secondary-row,
body.sales-page .secondary-row,
body.project-page .secondary-row,
body.about-page .secondary-row,
body.products-page .secondary-row{
  position:fixed !important;
  top:122px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  z-index:10001 !important;
  transform:none !important;
}

body:not(.engineering-page) .secondary-row.show,
body.sales-page .secondary-row.show,
body.project-page .secondary-row.show,
body.about-page .secondary-row.show,
body.products-page .secondary-row.show{
  position:fixed !important;
  top:122px !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  display:block !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}

body:not(.engineering-page) .secondary-row.products-open.show,
body.sales-page .secondary-row.products-open.show,
body.project-page .secondary-row.products-open.show,
body.about-page .secondary-row.products-open.show,
body.products-page .secondary-row.products-open.show{
  height:100px !important;
  min-height:100px !important;
  max-height:100px !important;
}

body:not(.engineering-page) .secondary-row .secondary-row-inner,
body.sales-page .secondary-row .secondary-row-inner,
body.project-page .secondary-row .secondary-row-inner,
body.about-page .secondary-row .secondary-row-inner,
body.products-page .secondary-row .secondary-row-inner{
  margin:0 auto !important;
  padding:0 !important;
  height:50px !important;
  min-height:50px !important;
}

body:not(.engineering-page) .secondary-row.products-open .secondary-row-inner,
body.sales-page .secondary-row.products-open .secondary-row-inner,
body.project-page .secondary-row.products-open .secondary-row-inner,
body.about-page .secondary-row.products-open .secondary-row-inner,
body.products-page .secondary-row.products-open .secondary-row-inner{
  height:100px !important;
  min-height:100px !important;
}

/* Reserve exactly the header + active submenu height in document flow. */
body:not(.engineering-page):has(.secondary-row.show),
body.sales-page:has(.secondary-row.show),
body.project-page:has(.secondary-row.show),
body.about-page:has(.secondary-row.show),
body.products-page:has(.secondary-row.show){
  padding-top:172px !important;
}

body:not(.engineering-page):has(.secondary-row.products-open.show),
body.sales-page:has(.secondary-row.products-open.show),
body.project-page:has(.secondary-row.products-open.show),
body.about-page:has(.secondary-row.products-open.show),
body.products-page:has(.secondary-row.products-open.show){
  padding-top:222px !important;
}

/* When the Up Arrow hides the submenu, remove only the 50/100px submenu reserve. */
body:not(.engineering-page).hide-secondary-at-top,
body.sales-page.hide-secondary-at-top,
body.project-page.hide-secondary-at-top,
body.about-page.hide-secondary-at-top,
body.products-page.hide-secondary-at-top{
  padding-top:122px !important;
}
body:not(.engineering-page).hide-secondary-at-top .secondary-row,
body.sales-page.hide-secondary-at-top .secondary-row,
body.project-page.hide-secondary-at-top .secondary-row,
body.about-page.hide-secondary-at-top .secondary-row,
body.products-page.hide-secondary-at-top .secondary-row{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Mobile keeps the same no-gap relationship. */
@media(max-width:900px){
  body:not(.engineering-page) .secondary-row,
  body.sales-page .secondary-row,
  body.project-page .secondary-row,
  body.about-page .secondary-row,
  body.products-page .secondary-row{
    top:111px !important;
  }
  body:not(.engineering-page) .secondary-row.show,
  body.sales-page .secondary-row.show,
  body.project-page .secondary-row.show,
  body.about-page .secondary-row.show,
  body.products-page .secondary-row.show{
    top:111px !important;
  }
  body:not(.engineering-page):has(.secondary-row.show),
  body.sales-page:has(.secondary-row.show),
  body.project-page:has(.secondary-row.show),
  body.about-page:has(.secondary-row.show),
  body.products-page:has(.secondary-row.show){
    padding-top:161px !important;
  }
  body:not(.engineering-page):has(.secondary-row.products-open.show),
  body.sales-page:has(.secondary-row.products-open.show),
  body.project-page:has(.secondary-row.products-open.show),
  body.about-page:has(.secondary-row.products-open.show),
  body.products-page:has(.secondary-row.products-open.show){
    padding-top:211px !important;
  }
}

/* ================================================================
   PRODUCTS PAGE — ARROWS & FOOTER MATCH OTHER SEABORNE PAGES
   ================================================================ */

/* Blue fixed Up / Down scroll controls */
body.products-page .sb-scroll-btn,
body.products-page .sb-scroll-up-btn,
body.products-page .sb-scroll-down-btn{
  background:#1D8FD3 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

body.products-page .sb-scroll-btn:hover,
body.products-page .sb-scroll-up-btn:hover,
body.products-page .sb-scroll-down-btn:hover{
  background:#1761A7 !important;
  color:#fff !important;
}

/* Deep-blue footer, same visual treatment as the other Seaborne pages. */
body.products-page footer{
  background:#06263E !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

body.products-page footer .wrap,
body.products-page footer .foot{
  color:#fff !important;
}

body.products-page footer a{
  color:#fff !important;
}

body.products-page footer span{
  color:rgba(255,255,255,.88) !important;
}

/* ================================================================
   MARINE ENGINE SPARES — SHARED SEABORNE NAVIGATION
   ================================================================ */
body.marine-engine-page .site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:10000 !important;
}

body.marine-engine-page .secondary-row{
  position:fixed !important;
  top:122px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:10001 !important;
  margin:0 !important;
  padding:0 !important;
}

body.marine-engine-page{
  padding-top:172px !important;
}

body.marine-engine-page .secondary-row.show{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
}

body.marine-engine-page .secondary-row-inner,
body.marine-engine-page .normal-sub-row{
  height:50px !important;
  min-height:50px !important;
}

body.marine-engine-page .normal-sub-row{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#1761A7 !important;
  overflow:visible !important;
}

body.marine-engine-page .normal-sub-row a{
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  color:#fff !important;
  background:transparent !important;
  font-family:var(--global-font) !important;
  font-size:12px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

body.marine-engine-page .normal-sub-row a:not(.marine-submenu-heading):hover{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  height:50px !important;
  justify-content:flex-start !important;
  padding:0 26px 0 38px !important;
  margin:0 !important;
  border-right:1px solid rgba(255,255,255,.30) !important;
  pointer-events:none !important;
  color:#fff !important;
  background:transparent !important;
}

body.marine-engine-page .marine-submenu-brand{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
}

body.marine-engine-page .marine-submenu-brand strong{
  color:#fff !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.07em !important;
}

body.marine-engine-page .marine-submenu-brand small{
  margin-top:4px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:9px !important;
  letter-spacing:.08em !important;
  font-weight:500 !important;
}

body.marine-engine-page .sb-scroll-btn,
body.marine-engine-page .sb-scroll-up-btn,
body.marine-engine-page .sb-scroll-down-btn{
  background:#1D8FD3 !important;
  color:#fff !important;
  border:0 !important;
}

body.marine-engine-page footer{
  background:#06263E !important;
  color:#fff !important;
}

@media(max-width:900px){
  body.marine-engine-page{
    padding-top:161px !important;
  }
  body.marine-engine-page .secondary-row{
    top:111px !important;
  }
  body.marine-engine-page .normal-sub-row a{
    padding:0 8px !important;
    font-size:10px !important;
  }
  body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
    padding-left:18px !important;
  }
}

/* ================================================================
   MARINE ENGINE SPARES — VISIBLE CLICKABLE SUBMENU HEAD
   ================================================================ */
body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:0 26px 0 38px !important;
  margin:0 !important;
  color:#fff !important;
  background:transparent !important;
  border-right:1px solid rgba(255,255,255,.30) !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:3 !important;
}

body.marine-engine-page .normal-sub-row a.marine-submenu-heading:hover{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

body.marine-engine-page .marine-heading-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#1761A7 !important;
  border:1px solid rgba(255,255,255,.95) !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:none !important;
}

body.marine-engine-page .marine-submenu-brand{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
}

body.marine-engine-page .marine-submenu-brand strong{
  color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
  letter-spacing:.10em !important;
}

body.marine-engine-page .marine-submenu-brand small{
  margin-top:4px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:9px !important;
  letter-spacing:.09em !important;
  font-weight:500 !important;
}

@media(max-width:900px){
  body.marine-engine-page .normal-sub-row a.marine-submenu-heading{
    padding-left:18px !important;
  }
}

/* ================================================================
   MARINE SPARES SUBMENU — FINAL VISIBILITY
   ================================================================ */
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:50px !important;
  min-height:50px !important;
  background:#1761A7 !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-heading{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#fff !important;
  background:transparent !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-heading-icon{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  background:#fff !important;
  color:#1761A7 !important;
  border-radius:50% !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-brand,
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-brand strong,
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .marine-submenu-brand small{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#fff !important;
}

/* ================================================================
   MARINE ENGINE SPARES — REQUESTED VISUAL UPDATES
   ================================================================ */

/* 01. All Marine Spares sub-heads centred side-by-side. */
html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row{
  width:100% !important;
  min-height:50px !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  gap:0 !important;
  background:#1761A7 !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row a{
  position:static !important;
  flex:0 0 auto !important;
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  color:#fff !important;
  background:transparent !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row a.marine-submenu-heading{
  position:static !important;
  min-width:175px !important;
  padding:0 20px !important;
  margin:0 !important;
  justify-content:center !important;
  border-right:1px solid rgba(255,255,255,.28) !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

html body.marine-engine-page #secondaryRow.show #secondaryRowInner .normal-sub-row a:not(.marine-submenu-heading){
  padding:0 18px !important;
}

html body.marine-engine-page .marine-submenu-brand strong{
  color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
  letter-spacing:.10em !important;
}

html body.marine-engine-page .marine-submenu-brand small{
  color:rgba(255,255,255,.82) !important;
  font-size:9px !important;
}

/* 02. Quality-focused sourcing floating panel is completely removed. */
html body.marine-engine-page .me-floating-badge{
  display:none !important;
}

/* 03. Four assurance boxes under the hero: deep blue with white text. */
html body.marine-engine-page .me-trust-strip{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:38px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

html body.marine-engine-page .me-trust-item{
  min-height:88px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:16px 18px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:13px !important;
  background:#042156 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.14) !important;
}

html body.marine-engine-page .me-trust-item b,
html body.marine-engine-page .me-trust-item span{
  color:#fff !important;
}

html body.marine-engine-page .me-trust-item b{
  font-size:.91rem !important;
  font-weight:850 !important;
}

html body.marine-engine-page .me-trust-item span{
  margin-top:4px !important;
  font-size:.74rem !important;
  opacity:.88 !important;
}

/* 04. Engine Make Coverage — match the attached reference composition. */
html body.marine-engine-page #oems{
  background:#061629 !important;
  color:#fff !important;
  padding:88px 0 !important;
}

html body.marine-engine-page #oems .me-oem-wrap{
  width:min(1240px,calc(100% - 40px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr) !important;
  gap:68px !important;
  align-items:start !important;
}

html body.marine-engine-page #oems .me-eyebrow{
  color:#7AC8EF !important;
  font-size:.76rem !important;
  letter-spacing:.15em !important;
  font-weight:800 !important;
}

html body.marine-engine-page #oems .me-section-title{
  color:#fff !important;
  max-width:500px !important;
  font-size:clamp(2.7rem,4.5vw,4rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  margin:14px 0 20px !important;
}

html body.marine-engine-page #oems .me-section-copy{
  color:#AFC3D2 !important;
  max-width:465px !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}

html body.marine-engine-page #oems .me-oem-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:11px !important;
}

html body.marine-engine-page #oems .me-oem{
  min-height:51px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:13px 14px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:.88rem !important;
}

html body.marine-engine-page #oems .me-oem i{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#59B8E8 !important;
  box-shadow:0 0 0 4px rgba(89,184,232,.11) !important;
}

/* 05. Supply Workflow — four blue rectangular boxes, white foreground. */
html body.marine-engine-page #supply .me-steps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:38px !important;
}

html body.marine-engine-page #supply .me-step{
  min-height:190px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:23px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:14px !important;
  background:#0B4BD9 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.12) !important;
}

html body.marine-engine-page #supply .me-step-num,
html body.marine-engine-page #supply .me-step h3,
html body.marine-engine-page #supply .me-step p{
  color:#fff !important;
}

html body.marine-engine-page #supply .me-step-num{
  font-weight:900 !important;
  opacity:1 !important;
}

html body.marine-engine-page #supply .me-step h3{
  margin:12px 0 8px !important;
}

html body.marine-engine-page #supply .me-step p{
  margin:0 !important;
  opacity:.90 !important;
  line-height:1.55 !important;
}

@media(max-width:900px){
  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr 1fr !important;
  }
  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
}

@media(max-width:600px){
  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   MARINE ENGINE SPARES — FINAL SECTION LAYOUT
   ================================================================ */

/* ------------------------------------------------
   HERO ASSURANCE STRIP — FOUR WIDE, CENTRED BOXES
   ------------------------------------------------ */
html body.marine-engine-page .me-trust-strip{
  width:min(1160px,calc(100% - 60px)) !important;
  max-width:1160px !important;
  margin:38px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

html body.marine-engine-page .me-trust-item{
  width:100% !important;
  min-height:92px !important;
  padding:17px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,255,255,.23) !important;
  border-radius:13px !important;
  background:#042156 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.15) !important;
}

html body.marine-engine-page .me-trust-item b{
  color:#fff !important;
  font-size:1rem !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

html body.marine-engine-page .me-trust-item span{
  color:#fff !important;
  font-size:.76rem !important;
  line-height:1.35 !important;
  margin-top:5px !important;
  opacity:.90 !important;
}

/* ------------------------------------------------
   ENGINE MAKE COVERAGE — MATCH ATTACHED REFERENCE
   ------------------------------------------------ */
html body.marine-engine-page #oems{
  position:relative !important;
  overflow:hidden !important;
  background-color:#061629 !important;
  background-image:
    linear-gradient(rgba(107,163,199,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(107,163,199,.075) 1px,transparent 1px),
    radial-gradient(circle at 82% 42%,rgba(22,94,147,.20),transparent 34%) !important;
  background-size:44px 44px,44px 44px,auto !important;
  color:#fff !important;
  padding:88px 0 104px !important;
}

html body.marine-engine-page #oems .me-oem-wrap{
  width:min(1240px,calc(100% - 100px)) !important;
  max-width:1240px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:460px minmax(0,1fr) !important;
  gap:48px !important;
  align-items:start !important;
}

html body.marine-engine-page #oems .me-eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  color:#59B8E8 !important;
  font-size:.76rem !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}

html body.marine-engine-page #oems .me-eyebrow:before{
  width:22px !important;
  height:2px !important;
  background:#59B8E8 !important;
}

html body.marine-engine-page #oems .me-section-title{
  color:#fff !important;
  max-width:500px !important;
  margin:18px 0 20px !important;
  font-size:clamp(3rem,4.1vw,4rem) !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}

html body.marine-engine-page #oems .me-section-copy{
  color:#AFC3D2 !important;
  max-width:445px !important;
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

html body.marine-engine-page #oems .me-oem-list{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:11px !important;
  padding-top:0 !important;
}

html body.marine-engine-page #oems .me-oem{
  width:100% !important;
  min-height:50px !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  box-sizing:border-box !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:.88rem !important;
  line-height:1.25 !important;
}

html body.marine-engine-page #oems .me-oem i{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#59B8E8 !important;
  box-shadow:0 0 0 4px rgba(89,184,232,.11) !important;
}

/* ------------------------------------------------
   SUPPLY WORKFLOW — FOUR WIDE, CENTRED BLUE BOXES
   ------------------------------------------------ */
html body.marine-engine-page #supply{
  background:#f7fbfd !important;
}

html body.marine-engine-page #supply > .me-container{
  width:min(1160px,calc(100% - 60px)) !important;
  max-width:1160px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

html body.marine-engine-page #supply .me-steps{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:38px auto 0 !important;
}

html body.marine-engine-page #supply .me-step{
  width:100% !important;
  min-height:190px !important;
  padding:24px 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.23) !important;
  background:#0B4BD9 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(4,35,75,.13) !important;
}

html body.marine-engine-page #supply .me-step-num{
  color:#fff !important;
  font-size:.76rem !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}

html body.marine-engine-page #supply .me-step h3{
  color:#fff !important;
  font-size:1.08rem !important;
  margin:12px 0 8px !important;
  line-height:1.2 !important;
}

html body.marine-engine-page #supply .me-step p{
  color:#fff !important;
  font-size:.85rem !important;
  line-height:1.55 !important;
  margin:0 !important;
  opacity:.9 !important;
}

/* Responsive layout */
@media(max-width:900px){
  html body.marine-engine-page .me-trust-strip{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr 1fr !important;
  }

  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  html body.marine-engine-page #oems .me-section-title{
    max-width:700px !important;
  }

  html body.marine-engine-page #oems .me-section-copy{
    max-width:700px !important;
  }

  html body.marine-engine-page #supply > .me-container{
    width:calc(100% - 40px) !important;
  }

  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:600px){
  html body.marine-engine-page .me-trust-strip{
    width:calc(100% - 28px) !important;
    grid-template-columns:1fr !important;
  }

  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 28px) !important;
  }

  html body.marine-engine-page #oems .me-oem-list{
    grid-template-columns:1fr !important;
  }

  html body.marine-engine-page #supply > .me-container{
    width:calc(100% - 28px) !important;
  }

  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   MARINE ENGINE SPARES — EXACT REFERENCE LAYOUT OVERRIDE
   Reference: supplied Engine Make Coverage screenshot.
   ================================================================ */

/* ENGINE MAKE COVERAGE: exact deep-navy base with subtle engineering grid. */
html body.marine-engine-page #oems{
  background-color:#061629 !important;
  background-image:
    linear-gradient(rgba(110,171,211,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110,171,211,.055) 1px, transparent 1px) !important;
  background-size:44px 44px !important;
  color:#fff !important;
  padding:86px 0 96px !important;
}

html body.marine-engine-page #oems .me-oem-wrap{
  width:min(1140px,calc(100% - 80px)) !important;
  max-width:1140px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:430px minmax(0,1fr) !important;
  gap:48px !important;
  align-items:start !important;
}

html body.marine-engine-page #oems .me-section-title{
  max-width:430px !important;
  color:#fff !important;
  font-size:clamp(2.9rem,4.2vw,3.65rem) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
  margin:18px 0 20px !important;
}

html body.marine-engine-page #oems .me-section-copy{
  max-width:410px !important;
  color:#9fb8ca !important;
  font-size:.98rem !important;
  line-height:1.7 !important;
}

html body.marine-engine-page #oems .me-oem-list{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-content:start !important;
}

html body.marine-engine-page #oems .me-oem{
  width:100% !important;
  min-height:45px !important;
  height:45px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:.84rem !important;
  line-height:1 !important;
}

html body.marine-engine-page #oems .me-oem i{
  flex:0 0 auto !important;
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#59B8E8 !important;
  box-shadow:0 0 0 4px rgba(89,184,232,.10) !important;
}

/* FOUR ASSURANCE BOXES: wide horizontal cards, one row and centred. */
html body.marine-engine-page .me-trust-strip{
  width:min(1200px,calc(100% - 80px)) !important;
  max-width:1200px !important;
  margin:34px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

html body.marine-engine-page .me-trust-item{
  width:100% !important;
  min-width:0 !important;
  min-height:76px !important;
  height:76px !important;
  padding:14px 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:12px !important;
  background:#042156 !important;
  color:#fff !important;
}

html body.marine-engine-page .me-trust-item b{
  color:#fff !important;
  font-size:.96rem !important;
  font-weight:850 !important;
  line-height:1.1 !important;
}

html body.marine-engine-page .me-trust-item span{
  color:#fff !important;
  opacity:.88 !important;
  font-size:.72rem !important;
  line-height:1.2 !important;
  margin-top:5px !important;
}

/* SUPPLY WORKFLOW: four wide horizontal cards in one centred row. */
html body.marine-engine-page #supply > .me-container{
  width:min(1200px,calc(100% - 80px)) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

html body.marine-engine-page #supply .me-steps{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:34px auto 0 !important;
}

html body.marine-engine-page #supply .me-step{
  width:100% !important;
  min-width:0 !important;
  min-height:145px !important;
  height:145px !important;
  padding:20px 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:#0B4BD9 !important;
  color:#fff !important;
}

html body.marine-engine-page #supply .me-step-num,
html body.marine-engine-page #supply .me-step h3,
html body.marine-engine-page #supply .me-step p{
  color:#fff !important;
}

html body.marine-engine-page #supply .me-step h3{
  font-size:1.05rem !important;
  margin:10px 0 7px !important;
}

html body.marine-engine-page #supply .me-step p{
  font-size:.80rem !important;
  line-height:1.45 !important;
  margin:0 !important;
  opacity:.9 !important;
}

@media(max-width:900px){
  html body.marine-engine-page #oems .me-oem-wrap{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
  }

  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply > .me-container{
    width:calc(100% - 40px) !important;
  }

  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:600px){
  html body.marine-engine-page #oems .me-oem-list{
    grid-template-columns:1fr !important;
  }

  html body.marine-engine-page .me-trust-strip,
  html body.marine-engine-page #supply .me-steps{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   ENGINE MAKE COVERAGE — FINAL VISIBILITY / REFERENCE OVERRIDE
   ================================================================ */
html body.marine-engine-page me-section.me-oem-section#oems{
  display:block !important;
  position:relative !important;
  z-index:50 !important;
  isolation:isolate !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  background:#061629 !important;
  background-color:#061629 !important;
  background-image:
    linear-gradient(rgba(109,171,211,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,171,211,.055) 1px,transparent 1px) !important;
  background-size:44px 44px !important;
  color:#fff !important;
  overflow:hidden !important;
}

html body.marine-engine-page me-section.me-oem-section#oems::before,
html body.marine-engine-page me-section.me-oem-section#oems::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
}

html body.marine-engine-page me-section.me-oem-section#oems > .me-oem-wrap{
  position:relative !important;
  z-index:51 !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-section-title,
html body.marine-engine-page me-section.me-oem-section#oems .me-section-copy,
html body.marine-engine-page me-section.me-oem-section#oems .me-eyebrow,
html body.marine-engine-page me-section.me-oem-section#oems .me-oem,
html body.marine-engine-page me-section.me-oem-section#oems .me-oem-list{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-section-title{
  color:#fff !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-section-copy{
  color:#9FB8CA !important;
}

html body.marine-engine-page me-section.me-oem-section#oems .me-oem{
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.095) !important;
}

/* Keep the reference geometry at desktop size. */
@media(min-width:901px){
  html body.marine-engine-page me-section.me-oem-section#oems{
    min-height:447px !important;
    padding:83px 0 95px !important;
    box-sizing:border-box !important;
  }

  html body.marine-engine-page me-section.me-oem-section#oems > .me-oem-wrap{
    width:min(1125px,calc(100% - 96px)) !important;
    max-width:1125px !important;
    grid-template-columns:425px minmax(0,1fr) !important;
    column-gap:37px !important;
    margin:0 auto !important;
  }
}