/* Vihaan brand refinement: royal blue, cyan and silver drawn from the supplied VGS logo. */
:root {
  --vgs-brand-blue: #075a9e;
  --vgs-brand-blue-2: #1179b8;
  --vgs-brand-cyan: #1bb8c9;
  --vgs-brand-navy: #102d4a;
  --vgs-brand-pale: #edf6fb;
  --vgs-brand-silver: #e3ebf1;
}
.industrial-site {
  --purple: var(--vgs-brand-blue);
  --purple-deep: #064579;
  --purple-pale: var(--vgs-brand-pale);
}
.industrial-site .brand-logo {
  width: 54px;
  height: 44px;
  object-fit: contain;
  object-position: center;
  display: block;
  padding: 2px;
  background: #fff;
  border: 1px solid rgba(16, 71, 112, .1);
  border-radius: 9px;
  mix-blend-mode: normal;
  box-shadow: 0 3px 10px rgba(16, 54, 84, .08);
}
.industrial-site .footer-brand .brand-logo {
  width: 48px !important;
  height: 42px !important;
  padding: 2px;
  background: #fff;
  object-fit: contain;
}
.industrial-site .brand-text strong { color: var(--vgs-brand-navy); }
.industrial-site .brand-text strong span,
.industrial-site .text-accent,
.industrial-site .proof-stat strong { color: var(--vgs-brand-blue-2); }
.industrial-site .eyebrow-dot { background: var(--vgs-brand-cyan); box-shadow: 0 0 0 4px rgba(27,184,201,.14); }
.industrial-site .button-primary { background: linear-gradient(135deg, var(--vgs-brand-blue), var(--vgs-brand-blue-2)); }
.industrial-site .button-primary:hover { background: #064579; }
.industrial-site .button-dark { background: var(--vgs-brand-navy); }
.industrial-site .button-dark:hover { background: #071e34; }
.industrial-site .header-ticker { border-color: #cfe0eb; background: linear-gradient(135deg,#f8fbfd,#eaf3f8); }
.header-ticker-label { color: #fff; background: var(--vgs-brand-blue); }
.header-ticker .announcement-divider { color: var(--vgs-brand-cyan); }
.industrial-site .footer-brand .brand-text strong { color: #fff !important; }

/* Header machine menu: parent text navigates directly to products.php; caret opens categories. */
.industrial-site .main-nav { align-items: center; }
.nav-dropdown { position: relative; display: inline-flex; align-items: center; min-width: 0; }
.nav-dropdown-head { display: inline-flex; align-items: center; gap: 2px; }
.industrial-site .main-nav .nav-dropdown-head > a { display: inline-flex; align-items: center; padding: 10px 0; white-space: nowrap; }
.nav-dropdown-toggle { display: inline-grid; place-items: center; width: 23px; height: 27px; border: 0; border-radius: 6px; background: transparent; color: var(--vgs-brand-blue); cursor: pointer; font-size: 16px; line-height: 1; }
.nav-dropdown-toggle:hover, .nav-dropdown-toggle[aria-expanded="true"] { background: #e8f3fa; }
.nav-dropdown-menu { position: absolute; z-index: 95; top: calc(100% + 8px); left: -13px; width: min(310px, 80vw); padding: 9px; border: 1px solid #dce8f0; border-radius: 13px; background: rgba(255,255,255,.98); box-shadow: 0 18px 42px rgba(12,45,73,.16); opacity: 0; visibility: hidden; transform: translateY(7px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu, .nav-dropdown.is-open .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.industrial-site .main-nav .nav-dropdown-menu a { display: flex; justify-content: space-between; align-items: center; padding: 10px 11px; border-radius: 8px; border: 0; color: #314f66; font-size: 11px; font-weight: 650; white-space: normal; }
.industrial-site .main-nav .nav-dropdown-menu a:hover { color: var(--vgs-brand-blue); background: #edf6fb; }
.industrial-site .main-nav .nav-dropdown-menu .nav-dropdown-all { color: #fff; background: var(--vgs-brand-blue); margin-bottom: 5px; }
.industrial-site .main-nav .nav-dropdown-menu .nav-dropdown-all:hover { background: #064579; color: #fff; }

/* 3-item business area grid. Desktop uses three equal premium cards; mobile stacks. */
.business-unit-grid.business-unit-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.business-unit-grid-three .business-unit-card { min-width: 0; min-height: 430px; padding: 27px 24px; border-radius: 16px; box-shadow: 0 12px 34px rgba(16,45,74,.07); }
.business-unit-grid-three .business-unit-card h3 { font-size: clamp(21px, 2vw, 29px); letter-spacing: -.04em; }
.business-unit-grid-three .business-unit-card > p { font-size: 12px; line-height: 1.75; }
.business-unit-grid-three .business-unit-card li { font-size: 10px; line-height: 1.5; }
.business-unit-grid-three .business-unit-card .unit-link { border-color: var(--vgs-brand-cyan); }
.business-unit-grid-three .business-unit-machine { background: linear-gradient(145deg,#102f4c,#0b568e); border-color: #164c74; }
.business-unit-grid-three .business-unit-components { background: linear-gradient(145deg,#f2f8fc,#e6f2f9); border-color: #d2e4f0; }
.business-unit-grid-three .business-unit-components .unit-kicker { color: #527188; }
.business-unit-grid-three .business-unit-components h3 { color: #123a5c; }
.business-unit-grid-three .business-unit-supply { background: linear-gradient(145deg,#e7f6f9,#d9eff5); border-color: #bfe3ec; color: #143b57; }
.business-unit-grid-three .business-unit-supply .unit-kicker { color: #52788b; }
.business-unit-grid-three .business-unit-supply .unit-symbol { color: var(--vgs-brand-blue); }
.business-unit-grid-three .business-unit-supply > p { color: #4e6878; }
.business-unit-grid-three .business-unit-supply li { color: #38576b; }
.business-unit-grid-three .business-unit-supply li:before,
.business-unit-grid-three .business-unit-components li:before { color: var(--vgs-brand-blue-2); }
.business-unit-grid-three .business-unit-supply .unit-link,
.business-unit-grid-three .business-unit-components .unit-link { color: var(--vgs-brand-blue); }
.business-unit-grid-three .unit-art { width: 180px; height: 135px; opacity: .17; }
.business-unit-grid-three .business-unit-supply .unit-art { opacity: .12; }

/* Supplied three-slide machinery highlights, presented as a clickable hero. */
.industrial-hero-visual { height: clamp(330px, 35vw, 465px); display: flex; flex-direction: column; justify-content: flex-start; gap: 12px; }
.vgs-hero-carousel { position: relative; width: 100%; height: calc(100% - 58px); min-height: 265px; overflow: hidden; border: 1px solid #d5e5ee; border-radius: 20px 70px 18px 18px; background: #eaf4f9; box-shadow: 0 22px 52px rgba(10,53,88,.13); isolation: isolate; }
.vgs-hero-slides { position: absolute; inset: 0; }
.vgs-hero-slide { position: absolute; inset: 0; display: block; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.015); transition: opacity .65s ease, transform 5.6s linear, visibility .65s; }
.vgs-hero-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); z-index: 1; }
.vgs-hero-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.vgs-hero-slide:focus-visible { outline: 3px solid var(--vgs-brand-cyan); outline-offset: -4px; }
.vgs-hero-slide-cta { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px; color: #fff; background: rgba(9,57,95,.9); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .015em; box-shadow: 0 8px 25px rgba(0,0,0,.16); }
.vgs-hero-slide-cta b { color: #8feaf0; font-size: 15px; }
.vgs-hero-carousel-controls { position: absolute; z-index: 3; bottom: 14px; right: 15px; display: flex; align-items: center; gap: 12px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(9,43,69,.74); backdrop-filter: blur(8px); }
.vgs-hero-dots { display: flex; align-items: center; gap: 7px; }
.vgs-hero-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.55); cursor: pointer; transition: width .2s, background .2s; }
.vgs-hero-dots button.is-active { width: 23px; background: #fff; }
.vgs-hero-counter { min-width: 35px; color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.industrial-hero-visual .hero-visual-tag { position: relative; inset: auto; align-self: flex-start; margin-left: 4px; padding: 8px 12px; border-radius: 10px; border-left: 3px solid var(--vgs-brand-cyan); box-shadow: 0 7px 22px rgba(15,55,85,.08); }
.industrial-hero-visual .hero-visual-tag > span { color: var(--vgs-brand-blue); }
.industrial-hero-visual .hero-visual-tag small { font-size: 9px; }

/* Machine range callout: third business line has its own destination on the catalogue page. */
.vgs-new-machine-supply { margin-top: 36px; padding: clamp(23px,3.5vw,38px); border: 1px solid #cfe4ef; border-radius: 18px; background: linear-gradient(130deg,#f4f9fc,#e6f3f9); display: flex; align-items: center; justify-content: space-between; gap: 24px; box-shadow: 0 12px 30px rgba(12,65,100,.05); }
.vgs-new-machine-supply h2 { margin: 8px 0 9px; color: var(--vgs-brand-navy); font: 800 clamp(22px,3vw,32px)/1.2 Manrope,sans-serif; }
.vgs-new-machine-supply p { max-width: 680px; margin: 0; color: #5b7181; font-size: 13px; line-height: 1.75; }
.vgs-new-machine-supply .button { flex: 0 0 auto; }

@media (max-width: 980px) {
  .business-unit-grid.business-unit-grid-three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .business-unit-grid-three .business-unit-card:last-child { grid-column: 1 / -1; min-height: 340px; }
}
@media (max-width: 850px) {
  .industrial-site .main-nav .nav-dropdown { display: block; width: 100%; border-bottom: 1px solid #e4edf3; }
  .industrial-site .main-nav .nav-dropdown-head { width: 100%; justify-content: space-between; }
  .industrial-site .main-nav .nav-dropdown-head > a { flex: 1; padding: 13px 0; font-size: 14px; }
  .nav-dropdown-toggle { width: 40px; height: 40px; background: #eef6fa; }
  .nav-dropdown-menu { position: static; display: none; width: 100%; margin: 0 0 10px; padding: 7px; transform: none; opacity: 1; visibility: visible; box-shadow: none; border-radius: 10px; background: #f5f9fc; }
  .nav-dropdown.is-open .nav-dropdown-menu { display: block; }
  .nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { opacity: 1; visibility: visible; transform: none; }
  .industrial-site .main-nav .nav-dropdown-menu a { font-size: 12px; padding: 10px 12px; }
  .industrial-hero-visual { height: clamp(300px,55vw,390px); }
}
@media (max-width: 600px) {
  .industrial-site .brand-logo { width: 47px; height: 39px; }
  .industrial-site .footer-brand .brand-logo { width: 41px !important; height: 35px !important; }
  .industrial-hero-visual { height: auto; min-height: 0; gap: 9px; }
  .vgs-hero-carousel { height: auto; min-height: 0; aspect-ratio: 1.88 / 1; border-radius: 14px 40px 12px 12px; }
  .vgs-hero-slide-cta { left: 9px; bottom: 9px; gap: 7px; padding: 7px 10px; font-size: 8px; }
  .vgs-hero-carousel-controls { right: 8px; bottom: 8px; gap: 8px; padding: 6px 8px; }
  .vgs-hero-dots { gap: 5px; }
  .vgs-hero-dots button { width: 6px; height: 6px; }
  .vgs-hero-dots button.is-active { width: 17px; }
  .vgs-hero-counter { font-size: 7px; }
  .industrial-hero-visual .hero-visual-tag { margin-left: 2px; padding: 7px 10px; }
  .industrial-hero-visual .hero-visual-tag > span { font-size: 13px; }
  .industrial-hero-visual .hero-visual-tag small { font-size: 8px; }
  .industrial-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; align-items: stretch; }
  .industrial-proof .proof-divider { display: none; }
  .industrial-proof .proof-stat { align-items: flex-start; gap: 6px; padding: 10px 8px; border: 1px solid #dce9f1; border-radius: 10px; background: #f8fbfd; }
  .industrial-proof .proof-stat strong { font-size: 19px; }
  .industrial-proof .proof-stat span { font-size: 8px; line-height: 1.35; }
  .business-unit-grid.business-unit-grid-three { grid-template-columns: 1fr; gap: 11px; }
  .business-unit-grid-three .business-unit-card, .business-unit-grid-three .business-unit-card:last-child { min-height: 0; grid-column: auto; padding: 23px 20px 29px; }
  .business-unit-grid-three .business-unit-card h3 { font-size: 24px; max-width: 310px; }
  .business-unit-grid-three .business-unit-card > p { font-size: 11px; }
  .business-unit-grid-three .business-unit-card li { font-size: 10px; }
  .business-unit-grid-three .unit-art { width: 135px; height: 105px; }
  .vgs-new-machine-supply { display: grid; gap: 15px; padding: 20px; }
  .vgs-new-machine-supply .button { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .vgs-hero-slide, .vgs-hero-dots button { transition: none !important; }
}
.company-units-grid.company-units-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.company-units-grid-three .company-unit { min-width: 0; border-radius: 16px; box-shadow: 0 12px 28px rgba(10,43,72,.07); padding: 25px; }
.company-units-grid-three .company-unit:nth-child(1) { background: linear-gradient(145deg,#102f4c,#0b568e); border-color: #164c74; }
.company-units-grid-three .company-unit:nth-child(2) { background: #edf6fb; color: #143d5d; border-color: #d1e4ef; }
.company-units-grid-three .company-unit:nth-child(2) p { color: #5d7181; }
.company-units-grid-three .company-unit:nth-child(2) b { color: var(--vgs-brand-blue); }
.company-units-grid-three .company-unit:nth-child(3) { background: linear-gradient(145deg,#e5f5f8,#d8edf5); color: #153c58; border-color: #c3e2eb; }
.company-units-grid-three .company-unit:nth-child(3) p { color: #526c7c; }
.company-units-grid-three .company-unit:nth-child(3) b { color: var(--vgs-brand-blue); }
.admin-topbar-logo { width: 33px; height: 30px; padding: 2px; object-fit: contain; background: #fff; border: 1px solid #dce6ee; border-radius: 7px; }
@media(max-width: 850px) {
  .company-units-grid.company-units-grid-three { grid-template-columns: 1fr 1fr; }
  .company-units-grid-three .company-unit:last-child { grid-column: 1 / -1; }
}
@media(max-width: 600px) {
  .company-units-grid.company-units-grid-three { grid-template-columns: 1fr; }
  .company-units-grid-three .company-unit:last-child { grid-column: auto; }
  .admin-topbar-logo { width: 29px; height: 27px; }
}

/* Keep the reference banner fully visible instead of cropping its slide headings. */
.industrial-hero-visual { height: auto; min-height: 0; align-self: center; }
.vgs-hero-carousel { height: auto; aspect-ratio: 1.88 / 1; min-height: 0; }
@media (max-width: 850px) { .industrial-hero-visual { height: auto; } }

/* Final desktop/tablet navigation and brand-consistent detail polish. */
.industrial-site { --gold: var(--vgs-brand-cyan); }
.industrial-site .industrial-trust-inner i,
.industrial-site .unit-symbol { background-color: var(--vgs-brand-cyan); color: var(--vgs-brand-cyan); }
.industrial-site .nav-dropdown { z-index: 120; }
.industrial-site .nav-dropdown-head > a { cursor: pointer; }
.industrial-site .nav-dropdown-toggle { flex: 0 0 27px; }
.industrial-site .nav-dropdown-menu { z-index: 130; }
.industrial-site .brand-logo { flex: 0 0 auto; }
.industrial-site .business-unit-grid-three .unit-link:focus-visible,
.industrial-site .nav-dropdown-head a:focus-visible,
.industrial-site .nav-dropdown-toggle:focus-visible { outline: 3px solid var(--vgs-brand-cyan); outline-offset: 3px; }


/* V3.3.2: dependable header navigation for Windows laptops, touch devices and mobile. */
.industrial-site .nav-dropdown-head > a[data-vgs-machine-catalog-link] { position:relative; z-index:2; text-decoration:none; }
.industrial-site .nav-dropdown-head > a[data-vgs-machine-catalog-link]:hover { color:var(--vgs-brand-blue); }
.industrial-site .nav-dropdown-toggle { position:relative; z-index:3; }
.industrial-site .nav-dropdown-menu { pointer-events:auto; }
.industrial-site .business-unit-grid-three .business-unit-card h3 a { color:inherit; text-decoration:none; }
.industrial-site .business-unit-grid-three .business-unit-card h3 a:hover { color:var(--vgs-brand-cyan); }
.industrial-site .business-unit-components h3 a:hover,
.industrial-site .business-unit-supply h3 a:hover { color:var(--vgs-brand-blue); }

@media (max-width:1100px) {
  .industrial-site .nav-shell { position:relative; display:flex; flex-wrap:wrap; align-items:center; min-height:0; padding:10px 0 0; gap:0 10px; }
  .industrial-site .industrial-brand { order:0; flex:1 1 auto; min-width:0; margin-right:auto; }
  .industrial-site .nav-toggle { display:flex; order:1; flex:0 0 40px; width:40px; height:40px; margin:0 0 0 4px; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:1px solid #d7e5ef; border-radius:11px; background:#f0f7fb; cursor:pointer; }
  .industrial-site .nav-toggle span { width:17px; height:1.5px; background:var(--vgs-brand-navy); transition:transform .2s ease; }
  .industrial-site .nav-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.3px) rotate(45deg); }
  .industrial-site .nav-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.3px) rotate(-45deg); }
  .industrial-site .button-nav { order:2; flex:0 0 auto; min-height:40px; margin-left:0; padding-inline:12px; }
  .industrial-site .header-ticker { order:3; flex:0 0 100%; width:100%; max-width:none; min-width:0; margin:8px 0 9px; height:32px; min-height:32px; }
  .industrial-site .main-nav { display:none; position:absolute; top:100%; left:0; right:0; z-index:140; width:100%; max-height:min(72vh,560px); overflow:auto; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; margin:0; padding:12px 18px 17px; border:1px solid #d9e6ef; border-top:0; border-radius:0 0 15px 15px; background:rgba(255,255,255,.99); box-shadow:0 18px 42px rgba(12,45,73,.17); }
  .industrial-site .main-nav.nav-open { display:flex; }
  .industrial-site .main-nav > a { display:flex; width:100%; padding:12px 0; border-bottom:1px solid #e7eef3; white-space:normal; font-size:13px; }
  .industrial-site .main-nav .nav-dropdown { display:block; width:100%; border-bottom:1px solid #e7eef3; }
  .industrial-site .main-nav .nav-dropdown-head { display:flex; width:100%; align-items:center; justify-content:space-between; }
  .industrial-site .main-nav .nav-dropdown-head > a { flex:1 1 auto; padding:12px 0; font-size:13px; white-space:normal; }
  .industrial-site .main-nav .nav-dropdown-toggle { flex:0 0 38px; width:38px; height:38px; background:#edf6fb; }
  .industrial-site .main-nav .nav-dropdown-menu { position:static; display:none; width:100%; margin:0 0 10px; padding:7px; transform:none; opacity:1; visibility:visible; border:1px solid #e0ebf2; border-radius:10px; background:#f5f9fc; box-shadow:none; }
  .industrial-site .main-nav .nav-dropdown.is-open .nav-dropdown-menu { display:block; }
  .industrial-site .main-nav .nav-dropdown-menu a { display:flex; padding:10px 12px; font-size:12px; }
}
@media (max-width:560px) {
  .industrial-site .nav-shell { padding-top:8px; gap:0 7px; }
  .industrial-site .brand-logo { width:40px; height:37px; }
  .industrial-site .brand-text strong { font-size:17px; }
  .industrial-site .nav-toggle { width:36px; height:36px; flex-basis:36px; border-radius:10px; }
  .industrial-site .button-nav { min-height:36px; padding-inline:9px; font-size:9px; }
  .industrial-site .header-ticker { height:29px; min-height:29px; margin:7px 0 8px; padding-inline:8px; }
}