@media (max-width:1536px) {
  .rov-stage {    height: calc(124vh - 129px);}

}
@media (max-width:1300px) {
  .home-banner-controls {bottom: 20px;}
  .home-copy-slider {top: 180px;}
  .home-title-frame h1.home-title-long,.home-title-frame h2.home-title-long {height: 90px;}
}
@media (max-width:1260px) {
.primary-nav a{font-size: 15px;}
.nav-dropdown-toggle {font-size: 15px;}
}


@media (max-width:1010px) {
  .careers-hero-inner { grid-template-columns:1fr minmax(220px,.55fr); gap:35px; }
  .careers-hero h1,.careers-hero h2 { font-size:47px; }
  .careers-hero-mark { width:220px; height:220px; }
  .career-discipline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .career-values-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .career-values-grid article:nth-child(2) { border-right:0; }
  .career-values-grid article:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.15); }
  .career-application-layout { grid-template-columns:1fr; gap:35px; }
  .career-application-copy { position:static; }
}

@media (max-width:720px) {
  .careers-hero { min-height:auto; padding-top:82px; }
  .careers-hero-inner { min-height:auto; grid-template-columns:1fr; padding-top:55px; padding-bottom:55px; }
  .careers-hero h1,.careers-hero h2 { font-size:38px; }
  .careers-hero-copy > div { font-size:15px; }
  .careers-hero-mark { display:none; }
  .careers-intro,.career-disciplines,.career-values,.career-process,.career-application { padding:55px 0; }
  .careers-intro-grid { grid-template-columns:1fr; gap:25px; }
  .careers-intro h2,.careers-section-heading h2,.careers-intro h1 { font-size:32px; }
  .careers-intro-copy { padding-left:20px; }
  .career-discipline-grid { grid-template-columns:1fr; }
  .career-discipline-card { min-height:0; }
  .career-process-list { grid-template-columns:1fr; }
  .career-process-list li { border-right:0; }
  .career-form { grid-template-columns:1fr; padding:25px 20px; }
  .career-form-field,.career-form-wide,.career-form-submit,.career-form-status { grid-column:1; }
  .career-application-copy h2 { font-size:32px; }
  .career-cta-inner { flex-direction:column; align-items:flex-start; gap:28px; }
}

@media (max-width:480px) {
  .careers-hero h1,.careers-hero h2 { font-size:32px; }
  .career-values-grid { grid-template-columns:1fr; }
  .career-values-grid article { min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.15); }
  .career-values-grid article:last-child { border-bottom:0; }
  .career-process-list li { grid-template-columns:42px 1fr; padding:25px 14px; }
  .career-cta h2 { font-size:30px; }
}

@media (max-width:1010px) {
  .naval-catalogue-hero-inner { grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:25px; }
  .naval-catalogue-hero h1,.naval-catalogue-hero h2 { font-size:47px; }
  .naval-catalogue-visual { min-height:370px; }
  .naval-catalogue-visual img { max-height:350px; }
  .naval-showcase-item { min-height:128px; padding:9px 7px 6px; }
  .naval-showcase-item picture,.naval-showcase-item img { height:85px; }
  .naval-orbit-one { width:320px; height:320px; }
  .naval-orbit-two { width:245px; height:245px; }
}

@media (max-width:720px) {
  .naval-catalogue-hero .benzz-btn {margin-top: 19px;}
  .naval-catalogue-hero { min-height:auto; padding-top:82px; }
  .naval-catalogue-hero-inner { min-height:700px;
     grid-template-columns:1fr; gap:20px; padding-top:52px; padding-bottom:48px; }
  .naval-catalogue-hero h1,.naval-catalogue-hero h2 { font-size:38px; }
  .naval-catalogue-hero-copy > div { font-size:15px; }
  .naval-catalogue-visual { min-height:280px; }
  .naval-catalogue-visual img { max-height:270px; }
  .naval-product-showcase { width:min(100%,420px); gap:8px; }
  .naval-showcase-item { min-height:100px; padding:7px 5px 5px; border-radius:9px; }
  .naval-showcase-item picture,.naval-showcase-item img { height:65px; }
  .naval-showcase-item span { margin-top:4px; font-size:7px; letter-spacing:.35px; }
  .naval-orbit-one { width:260px; height:260px; }
  .naval-orbit-two { width:205px; height:205px; }
  .naval-catalogue-intro,.naval-products-section { padding:55px 0; }
  .naval-catalogue-intro-grid { grid-template-columns:1fr; gap:24px; }
  .naval-catalogue-intro h2,.naval-products-heading h2,.naval-catalogue-intro h1 { font-size:32px; }
  .naval-catalogue-intro-grid > div:last-child { padding-left:20px; }
  .naval-product-grid { grid-template-columns:1fr; }
  .naval-product-image { min-height:270px; }
  .naval-product-image img { height:225px; }
  .naval-product-body h3,.naval-product-body > div { min-height:0; }
  .naval-catalogue-cta-inner { flex-direction:column; align-items:flex-start; gap:28px; }
  .privacy-hero { padding:145px 0 60px; }
  .privacy-hero-inner { position:relative; display:block; }
  .privacy-hero h1,.privacy-hero h2 { position:relative; z-index:1; font-size:40px; }
  .privacy-hero h1 + div,.privacy-hero h2 + div { position:relative; z-index:1; max-width:280px; }
  .privacy-hero-icon { position:absolute; top:4px; right:20px; width:88px; height:88px; font-size:38px; opacity:.48; }
  .privacy-content { padding:48px 0 60px; }
  .privacy-content-inner { padding:32px 25px; }
  .gallery-slide { flex-basis:82%; width:82%; height:290px; }
}

@media (max-width:480px) {
  .naval-catalogue-hero h1,.naval-catalogue-hero h2 { font-size:32px; }
  .naval-catalogue-visual { min-height:230px; }
  .naval-catalogue-visual img { max-height:220px; }
  .naval-product-showcase { width:min(100%,350px); gap:6px; }
  .naval-showcase-item { min-height:82px; padding:5px 3px 4px; }
  .naval-showcase-item picture,.naval-showcase-item img { height:51px; }
  .naval-showcase-item span { font-size:6px; }
  .naval-product-image { min-height:230px; padding:18px; }
  .naval-product-image img { height:195px; }
  .naval-product-body { padding:25px 20px 27px; }
  .naval-product-body h3 { font-size:23px; }
  .naval-catalogue-cta h2 { font-size:30px; }
}
@media (max-width:1199px) {
  .site-container { padding-left:clamp(24px,7vw,70px); padding-right:clamp(24px,7vw,70px); }
  .site-header { height:82px; }
  .header-inner { justify-content:space-between; }
  .brand {         width: 132px;
        height: 65px; }
  .menu-toggle { display:block; position:relative; z-index:2; width:42px; height:40px; padding:7px; border:0; background:transparent; cursor:pointer; }
  .menu-toggle span { display:block; width:27px; height:2px; margin:6px 0; background:#193474; transition:transform .25s,opacity .25s; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
  .primary-nav { display:flex; position:absolute; top:82px; left:0; width:100%; height:auto; max-height:calc(100vh - 82px); flex-direction:column; align-items:flex-start; overflow-y:auto; margin:0; padding:18px clamp(24px,7vw,70px) 24px; visibility:hidden; opacity:0; pointer-events:none; transform:translateY(-14px) scaleY(.96); transform-origin:top center; background:#fff; border-bottom:1px solid #dfe6f0; box-shadow:0 14px 26px rgba(13,41,85,.12); transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s; }
  .primary-nav.open { visibility:visible; opacity:1; pointer-events:auto; transform:translateY(0) scaleY(1); transition:opacity .28s ease,transform .28s ease,visibility 0s; }
  .primary-nav a { width:100%; padding:11px 0; font-size:16px; border-bottom:1px solid #dfe6f0; }
  .nav-dropdown { width:100%; height:auto; display:block; border-bottom:1px solid #dfe6f0;}
  .nav-dropdown-toggle { width:100%; justify-content:space-between; padding:11px 0; font-size:16px; }
  .primary-nav > a::after,.nav-dropdown-toggle::after { display:none; }
  .primary-nav > a.active,.nav-dropdown-toggle.active { color:var(--orange); }
  .nav-dropdown-menu { position:static; display:none; min-width:0; padding:4px 0 7px 15px; visibility:visible; opacity:1; transform:none; background:transparent; border-left:1px solid #d6e0ed; border-radius:0; box-shadow:none; }
  .nav-dropdown.open .nav-dropdown-menu { display:block; }
  .primary-nav .nav-dropdown-menu a { color:#30466f; font-size:14px; padding:9px 12px; }
  .primary-nav .nav-dropdown-menu a:last-child { border-bottom:0; }

  /* Mobile menu: no hover styling. A touch device latches :hover onto whatever
     was last tapped, so the orange underline and the blue row highlight stayed
     stuck on the item the visitor had just opened. These override the desktop
     rules in style.css (same selectors, and responsive.css loads later).
     .active is kept so the current page still shows, and :focus-visible is kept
     so keyboard and switch-device users retain a visible focus indicator. */
  .primary-nav > a:hover::after,
  .nav-dropdown-toggle:hover::after { transform:scaleX(0); }
  .primary-nav > a.active::after,
  .nav-dropdown-toggle.active::after,
  .primary-nav > a:focus-visible::after,
  .nav-dropdown-toggle:focus-visible::after { transform:scaleX(1); transform-origin:left center; }
  .primary-nav .nav-dropdown-menu a:hover { color:var(--orange); background:transparent; }
  .primary-nav .nav-dropdown-menu a:focus-visible { color:#fff; background:#1d3476; }

  .product-hero {padding: 125px 0 45px;
        min-height: 100vh;
        overflow: hidden;
        height: auto; }
  .hero-inner { min-height:0; }
  .hero-inner > .row { display:block; height:auto !important; margin:0; }
  .product-copy { width:100%; max-width:none; padding-left:0; padding-right:0; }
  .product-copy h1, .product-copy h2 { margin:0 0 4px; }
  .product-features { margin-top:38px; }
  .rov-stage { position:relative; top:auto; right:auto; width:100%; max-width:760px; height:520px; min-height:0; margin:25px auto 0; padding:12px; }
  .desktop-break { display:none; }

  .applications-grid { grid-template-columns:repeat(2,1fr); }
  .mission-video-trigger { width:min(680px,78vw); }
  .gallery-inner { padding-top:60px; }
  .gallery-slide { flex-basis:calc((100% - 10px) / 2); width:calc((100% - 10px) / 2); height:320px; }
  .overview-section { min-height:0; padding-bottom:15px; }
  .overview-heading { margin-top:52px; }
  .overview-heading h2, .overview-heading h1 { font-size:46px; }
  .overview-copy { margin-top:16px; }
  .overview-stats { grid-template-columns:repeat(2,1fr); }
  .overview-stat:nth-child(-n+2)::before { display:none; }
  .overview-stat:nth-child(2n)::after { display:none; }
  .overview-stat:nth-child(n+3) { margin-top:24px; padding-top:35px; }
  .overview-stat:nth-child(n+3)::before { content:""; position:absolute; top:0; left:50%; width:102px; height:1px; transform:translateX(-50%); background:#cfcfcf; }
  .engine-pattern { opacity:.055; }
  .technical-section { padding-top:45px; }
  .technical-grid { grid-template-columns:1fr; }
  .technical-column { gap:14px; }

  .home-copy-slider { left:clamp(24px,7vw,70px); width:min(620px,62vw); }
  .home-info-cards { width:min(760px,78vw); }
  .home-banner-controls { left:clamp(24px,7vw,70px); }
  .product-panel { grid-template-columns:58% 42%; }
  .product-tabs { padding-bottom:2px; }
  .environments-heading h2 { font-size:40px; }
  .environments-accordion { height:410px; }
  .about-benzz-inner { grid-template-columns:minmax(0,58%) minmax(300px,42%); }
  .about-benzz-copy h2 { font-size:42px; }

  .home-banner-controls {bottom: 20px;}
  .home-copy-slider {top: 180px;}
  .home-title-frame h1.home-title-long,.home-title-frame h2.home-title-long {height: 90px;}
}

@media (min-width:768px) and (max-width:1199px) {
  .footer-grid { grid-template-columns:1fr 1fr; gap:30px 0; }
  .footer-column:nth-child(2) { border-right:0; }
  .footer-column:nth-child(3),.footer-column:nth-child(4) { padding-top:28px; border-top:1px solid rgba(255,255,255,.18); }
}

@media (max-width:1010px) {
  .contact-hero,.contact-hero-inner { min-height:270px; }
  .contact-hero h1,.contact-hero h2 { font-size:44px; }
  .contact-cards { grid-template-columns:1fr; max-width:700px; margin-right:auto; margin-left:auto; }
  .contact-card { min-height:0; }
  .contact-form-layout { grid-template-columns:1fr; gap:35px; }
  .footer-extras{margin-top: 20px;}
    .indigenous__drone{display: none;}
  .indigenous-section { min-height:0; margin-top:0; padding:55px 0; }
  .system-tabs { margin-top:34px; }
  .product-panel { min-height:520px; grid-template-columns:1fr 380px; }
  .product-panel-copy h3 { font-size:44px; }
  .product-summary { font-size:15px; }
  .product-highlights { gap:18px; }
  .home-hero { height:660px; min-height:660px; overflow:hidden; }
  .home-copy-slider { top:145px; right:40px; width:auto; }
  .home-banner-controls { bottom:45px; }
  .home-info-section,.home-info-inner { min-height:546px; }
  .home-info-inner { display:block; padding-top:0; }
  .home-info-cards { width:100%; grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:0;padding-top: 20px; }
  .home-info-card { min-height:170px; padding:24px 28px; }
  .home-info-card a { position:static; display:inline-block; margin-top:16px; }
}

@media (max-width:767px) {
  .kami_title{font-size: 26px !important;}
  body { padding-bottom:48px; }
  .mobile-contact-bar { position:fixed; z-index:100; right:0; bottom:0; left:0; display:grid; grid-template-columns:1fr 1fr; height:48px; padding-bottom:10px; 
  background:#1b2d69; box-shadow:0 -3px 12px rgba(0,0,0,.18);padding-top:10px; }
  .mobile-contact-bar a { display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(255,255,255,.55); color:#fff; font-size:16px; font-weight:700; text-decoration:none; }
  .mobile-contact-bar a:last-child { border-right:0; }
  .mobile-contact-bar a:active { background:#1b2d69; }
  .enquire-tab { display:none; }
  .ft_mail{font-size: 16px;}
  .ft_mb{display: none;}
  .footer-grid { grid-template-columns:1fr; }
  .footer-column { min-height:0; padding:0; margin-bottom:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }
  .footer-column:first-child,.footer-column:last-child { padding-left:0; padding-right:0; }
  .footer-column h2 { margin-bottom:0; }
  .footer-accordion-toggle { min-height:62px; cursor:pointer; }
  .footer-accordion-toggle i { display:block; font-size:14px; }
  .footer-column.open .footer-accordion-toggle i { transform:rotate(180deg); }
  .footer-accordion-content { max-height:0; opacity:0; overflow:hidden; transition:max-height .4s ease,opacity .3s ease,padding .3s ease; }
  .footer-column.open .footer-accordion-content { max-height:650px; padding:14px 0 18px; opacity:1; }
  .footer-extras { align-items:center; gap:25px; }
  .footer-bottom { line-height:1.6; }
  .enquiry-section { padding:35px 0 45px; }
  .enquiry-heading h2 { font-size:38px; }
  .enquiry-heading > div { font-size:15px; }
  .enquiry-form { grid-template-columns:1fr; gap:24px; max-width:520px; }

  /* Phones: no fixed banner size. The image shows whole at its natural size (never cropped) and the
     title and button sit on top of it: image, shade and text share one grid cell, so the banner is as
     tall as the image (or the text, if that is ever taller). 82px clears the fixed header. */
  .home-hero { display:grid; height:auto; min-height:auto; padding-top:82px; }
  .home-banner-slider { grid-area:1/1; min-width:0; position:relative; inset:auto; height:auto; }
  .home-banner-slider .slick-list,.home-banner-slider .slick-track,.home-banner-slide,.home-banner-slider .slick-slide > div { height:auto; }
  .home-banner-image,.home-banner-video { width:auto; max-width:100%; height:auto; min-height:auto; }
  .home-banner-shade { grid-area:1/1; position:relative; inset:auto; height:auto; background:linear-gradient(180deg,rgba(0,8,17,.7) 0%,rgba(0,8,17,.35) 40%,rgba(0,8,17,0) 62%); }
  .home-hero-inner { grid-area:1/1; min-width:0; z-index:2; height:auto; padding-top:22px; padding-bottom:22px; display:flex; flex-direction:column; justify-content:space-between; }
  /* The long description would cover the product on a phone-sized image, so phones show title + button only. */
  .home-hero-description { display:none; }
  .home-read-more { margin-top:18px; }
  .home-hero--video-active .home-banner-shade {
    background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 25%,rgba(0,0,0,.3) 48%,rgba(0,0,0,0) 70%);
  }
  .home-copy-slider { position:relative; top:auto; left:auto; right:auto; width:auto; }
  .home-title-frame { min-width:0; padding:20px 14px 17px; }
  .home-title-frame h1,.home-title-frame h2 { font-size:36px; }
  .home-title-frame h1.home-title-long,.home-title-frame h2.home-title-long { font-size:30px; }
  .home-title-frame p { font-size:16px; }
  .home-hero-description { font-size:16px; }
  .home-banner-controls { position:relative; left:auto; bottom:auto; margin-top:18px; }
  .home-info-section,.home-info-inner { min-height:561px; }
  .home-info-cards { width:100%; }
  .home-info-card { min-height:175px; padding:25px 24px; }
  .indigenous-intro h2 { font-size:40px; }
  .system-tabs { width:100%; margin-left:0; }
  .system-tab { width:50%; }
  .home-info-card p {font-size: 16px;}
  .product-panel { min-height:0; grid-template-columns:1fr; gap:25px; padding-top:32px; }
  .product-panel-image { grid-row:1; max-height:340px; }
  .product-panel-picture { grid-row:1; }
  .product-panel-copy { grid-row:2; }
  .subsea-tab-visual { width:260px; height:260px; margin:0 auto 25px; }
  .subsea-tab-visual i { font-size:62px; }
  .subsea-equipment-tab-image { max-width:440px; max-height:330px; margin:0 auto 20px; padding:8px; }
  .product-tabs { width:100%; }
  .product-highlights { max-width:none; }
  .product-certifications { flex-wrap:wrap; }
  .environments-heading { padding-top:5px; }
  .environments-accordion { height:auto; display:block; }
  .environment-card { width:100%; height:310px; min-height:310px; border-right:0; border-bottom:2px solid #fff; cursor:default; }
  .environment-card:last-child { border-bottom:0; }
  .environment-card:hover { flex:none; }
  .environment-label { display:none; }
  .environment-details { left:24px; bottom:25px; width:calc(100% - 48px); }
  .environment-details,.environment-card:hover .environment-details { opacity:1; visibility:visible; transform:none; }
  .product-tab.active::before{background: transparent;}
  .about-benzz-section { padding-top:48px; }
  .about-benzz-inner { grid-template-columns:1fr; }
  .about-benzz-copy { padding-right:0; }
  .about-benzz-visual { margin-top:34px; }
  .about-benzz-visual img { width:min(100%,470px); }
  .home-enquiry-section .enquiry-heading h2 { font-size:38px; }
  .home-enquiry-form { max-width:520px; margin-left:0; }
  .product-panel-copy h3 {font-size: 24px;}
  #home-enquiry-title br{display: none;}
    .indigenous-intro > p:last-child { font-size:16px; }
}

@media (max-width:720px) {
  .subsea-hero,.subsea-hero-inner { min-height:auto; }
  .subsea-hero-inner { grid-template-columns:1fr; gap:34px; padding-top:125px; padding-bottom:55px; text-align:center; }
  .subsea-hero h1, .subsea-hero h2 { font-size:38px; }
  .subsea-hero-copy > div { font-size:15px; }
  .subsea-hero .benzz-btn { margin:0 auto; }
  .subsea-light-visual { width:205px; height:205px; }
  .subsea-hero-product { width:min(100%,390px); height:280px; }
  .subsea-light-visual i { font-size:52px; }
  .subsea-light-visual span { font-size:28px; }
  .subsea-intro,.subsea-systems { padding:52px 0; }
  .subsea-intro h1,.subsea-intro h2,.subsea-section-heading h2 { font-size:31px; }
  .subsea-selector-toggle { min-height:76px; grid-template-columns:40px minmax(0,1fr) 18px; gap:10px; padding:16px 18px; }
  .subsea-selector-number { font-size:18px; }
  .subsea-selector-name { font-size:17px; }
  .subsea-selector-options button { min-height:55px; grid-template-columns:40px minmax(0,1fr); gap:10px; padding:11px 18px; font-size:14px; }

  .subsea-system-content dt,.subsea-system-content dd { padding:11px 14px; font-size:15px; }
  .subsea-metrics { grid-template-columns:1fr; }
  .subsea-metrics div { min-height:95px; border-right:0; border-bottom:1px solid #dbe2ef; }
  .subsea-metrics div:last-child { border-bottom:0; }
  .subsea-system-content dl > div { grid-template-columns:1fr; }
  .subsea-system-content dd { padding-top:8px; }
  .contact-hero,.contact-hero-inner { min-height:235px; }
  .contact-hero-inner { padding-top:35px; }
  .contact-hero h1,.contact-hero h2 { font-size:37px; }
  .contact-details,.contact-form-section { padding:52px 0; }
  .contact-intro h2,.contact-form-copy h2,.contact-intro h1 { font-size:35px; }
  .contact-enquiry-form { grid-template-columns:1fr; padding:25px 20px; }
  .contact-enquiry-form .form-field,.contact-location-field,.contact-form-submit,.contact-enquiry-form .form-status { grid-column:1; }
  .mission-slider .slick-prev { left:-23px; }
  .mission-slider .slick-next { right:-23px; }
  .environments-more.benzz-btn {margin: 15px 20px 0;}
  .system-tab {font: 500 12px "Montserrat", sans-serif}
  .enquiry-heading > div { font-size:16px; }
  .about-benzz-summary { font-size:16px; line-height:1.7; }
  .about-benzz-points li { font-size:16px; }
  .product-tagline { font-size:16px; }
    .environments-heading > div { font-size:16px; }
    .indigenous-intro h1 {
    margin: 0;
    font-size: 28px;
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: .4px;
    text-align: center;
    margin-bottom: 31px;
    margin-top: 20px;}
    .indigenous-intro h1 span {font-size: 16px;}
}

@media (max-width:609px) {
      .applications-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 25px;
    }
}
@media (max-width:550px) {
  .application-card a {font-size: 16px;}

  .ft_mail{font-size: 16px !important;}
  .home-info-cards {grid-template-columns: 1fr;}
  .system-tabs { gap:8px; padding:0; background:transparent; }
  .system-tab { width:100%; }
}
@media (max-width:480px) {
  .contact-hero h1,.contact-hero h2 { font-size:31px; }
  .contact-intro h2,.contact-form-copy h2,.contact-intro h1 { font-size:30px; }
  .contact-intro > div,.contact-form-copy > div { font-size:15px; }
  .contact-card { padding:22px 18px; }
  .contact-card-icon { flex-basis:42px; width:42px; height:42px; }
  .contact-enquiry-form { padding:22px 16px; }
  .site-container { padding-left:18px; padding-right:18px; }
  .footer-inner { padding-top:45px; }
  .footer-column h2 { font-size:18px; }
  .footer-column a,.footer-contact address,.footer-contact p,.footer-contact p a { font-size:18px; }
  .footer-contact p { align-items:flex-start; white-space:normal; }
  .footer-extras { flex-direction:column; align-items:flex-start; }
  .footer-social { flex-wrap:wrap; font-size:14px; }
  .footer-bottom { font-size:13px; }
  .footer-bottom span { display:none; }

  .enquiry-heading > p { font-size:13px; }
  .enquiry-heading h2 { font-size:28px; }
  .enquiry-heading > div { font-size:16px; }
  .enquiry-form { margin-top:25px; }
  .applications-section { padding-top:38px; }
  .applications-heading h2 { font-size:32px; }
  .applications-heading p { font-size:16px; }
  .jerry-applications-list { margin-top:25px; }
  .jerry-applications-list li { padding:10px 12px 10px 27px; font-size:16px; }
  .jerry-applications-list li::before { left:10px; }
  .thank-you-section { min-height:100vh; padding:55px 15px; }
  .thank-you-card { padding:40px 20px; }
  .thank-you-logo { width:155px; margin-bottom:24px; }
  .thank-you-card h1 { font-size:30px; }
  .thank-you-card > p:not(.thank-you-eyebrow) { font-size:15px; }
  .applications-grid { grid-template-columns:1fr; gap:16px; margin-top:25px; }
  .application-card { min-height:200px; }

  .mission-section,.mission-inner { min-height:540px; }
  .mission-inner { padding-top:40px; }
  .mission-heading h2 { font-size:29px; }
  .mission-heading p { font-size:16px; line-height:1.5; }
  .mission-slide { height:380px; }
  .mission-video-trigger { width:88vw; height:360px; }
  .mission-play { width:56px; }
  .mission-slider .slick-arrow { top:auto; bottom:-38px; }
  .mission-slider .slick-prev { left:calc(50% - 48px); }
  .mission-slider .slick-next { right:calc(50% - 48px); }

  .gallery-inner { padding-top:48px; }
  .gallery-heading p { font-size:14px; }
  .gallery-heading h2 { font-size:29px; }
  .gallery-slider { gap:10px; margin-top:25px; padding-bottom:18px; }
  .gallery-inner { padding-bottom:48px; }
  .gallery-slide,.gallery-slide.active { flex-basis:88%; width:88%; height:270px; }
  .gallery-controls { top:55%; right:auto; left:50%; padding:0 8px; }
  .gallery-controls button { width:40px; height:40px; font-size:21px; }
  .gallery-counter { display:none; }
  .gallery-lightbox { padding:16px; }
  .gallery-lightbox-frame { max-width:96vw; max-height:86vh; padding:6px; }
  .gallery-lightbox-frame img { max-width:calc(96vw - 12px); max-height:calc(86vh - 12px); }
  .gallery-lightbox-close { top:-13px; right:-8px; width:38px; height:38px; font-size:28px; }

  .overview-breadcrumb { justify-content:center; font-size:14px; }
  .overview-heading { margin-top:38px; }
  .overview-heading p { margin-bottom:12px; font-size:13px; }
  .overview-heading h2, .overview-heading h1 { font-size:28px; }
  .overview-copy { margin-top:30px; font-size:16px; line-height:1.7; }
  .overview-stat { min-height:145px; }
  .overview-stat::after { display:none; }
  .overview-stat:nth-child(n+2) { margin-top:10px; padding-top:31px; }
  .overview-stat:nth-child(n+2)::before { content:""; position:absolute; top:0; left:50%; width:90px; height:1px; transform:translateX(-50%); background:#cfcfcf; }
  .overview-stat h3 { font-size:18px; }
  .overview-stat p { font-size:16px; }
  .technical-heading > p { font-size:13px; }
  .technical-heading h2 { font-size:28px; }
  .technical-intro { margin-top:24px; font-size:16px; text-align:left; }
  .spec-card h3 { padding-left:14px; font-size:15px; }
  .spec-card dl > div { grid-template-columns:1fr; gap:4px; padding:10px 12px; }
  .spec-card dt,.spec-card dd { font-size:16px; text-align:left;    font-weight: 700; }
  .product-copy h1, .product-copy h2 { font-size:36px; }
  .subtitle { font-size:16px; }
  .product-features li { width:100%; font-size:16px; }
  .rov-stage { width:calc(100% + 24px); height:390px; margin-left:-12px; }
  .indigenous-section { padding:42px 0; }
  .indigenous-kicker { margin-bottom:15px; font-size:14px; }
  .indigenous-intro h2 { font-size:28px; line-height:1.16; }
  .indigenous-intro > p:last-child { font-size:16px; }
  .system-tabs { margin-top:28px; margin-bottom:25px; }
  .product-tab { padding:0 16px; font-size:14px; }
  .product-panel-copy h3 { font-size:24px; }
  .product-tagline { font-size:16px; }
  .product-summary { font-size:16px; line-height:1.7; }
  .product-highlights { grid-template-columns:1fr; gap:18px; }
  .product-highlights > div { flex-direction:row; align-items:center; gap:14px; }
  .product-highlights img,.product-highlights i { width:48px; flex:0 0 48px; margin:0; }
  .product-certifications { gap:15px; }
  .product-certifications span { font-size:14px; }
  .product-certifications img { width:45px; height:48px; }
  .environments-section { padding-top:15px; }
  .environments-heading h2 { font-size:28px; }
  .environments-heading > div { font-size:16px; }
  .environments-accordion { height:auto; }
  .environment-card { height:300px; min-height:300px; }
  .environment-card:hover { flex:none; }
  .environment-details h3 { font-size:23px; }
  .environment-details p { font-size:16px; line-height:1.6; }
  .environment-details a { width:190px; height:58px; }
  .about-benzz-section { padding:40px 0 35px; }
  .about-benzz-kicker { margin-bottom:16px; font-size:14px; }
  .about-benzz-copy h2 { font-size:28px; }
  .about-benzz-summary { font-size:16px; line-height:1.7; }
  .about-benzz-points { margin:24px 0 28px; }
  .about-benzz-points li { font-size:16px; }
  .about-benzz-visual { margin-top:28px; }
  .home-enquiry-section { padding-top:32px; }
  .home-enquiry-section .enquiry-heading h2 { font-size:28px; }
  .home-enquiry-form { margin-top:25px; }
  .bz-ticks li{font-size: 16px;}
  .form-desc br{display: none;}
  #enquiry-heading br{display: none;}
  .enquiry-heading div br{display: none;}
  .spec-card dt{font-weight: 400;}
  .contact-enquiry-form {gap: 4px 14px;}
}
  

/* Naval Systems hero: portrait banner on phones. 720px matches where this hero
   switches to a single column; naval-systems.php preloads the same file. */
@media (max-width:720px) {
  .naval-catalogue-hero { background-image:linear-gradient(90deg,rgba(1,10,27,.08) 0%,rgba(2,17,42,.02) 54%,rgba(1,17,39,0) 100%),url("../assets/naval-systems-underwater-portfolio-bg-mob.png?v=20260916"); }
  /* The intro paragraph sits over the products in the mobile banner, so it is hidden on phones. */
  .naval-catalogue-hero-copy > div { display:none; }
  /* Keep the heading and button at the top, over the open water, clear of the products below. */
  .naval-catalogue-hero-inner { align-items:start; }
}

/* iPhone Safari zooms the page in when a form field with text under 16px is
   tapped. The careers form uses 14px, so it is raised to 16px on phones only. */
@media (max-width:767px) {
  .career-form-field input,
  .career-form-field select,
  .career-form-field textarea { font-size:16px; }
}

/* Footer visitor counter: own line on phones, where the "|" separators are hidden */
@media (max-width:767px) {
  .footer-visitors { display:block; margin-top:6px; }
}
