/* VGS responsive polish: compact animated announcement, conflict-free mobile hero tag, refined footer. */
.industrial-site .announcement-marquee {
  position: relative;
  z-index: 25;
  display: block;
  width: 100%;
  overflow: hidden;
  background: #e8f1f7;
  color: #31536b;
  border-bottom: 1px solid #d8e5ee;
}
.announcement-viewport { width: 100%; overflow: hidden; }
.announcement-track {
  display: flex;
  width: max-content;
  min-width: 0;
  animation: vgs-announcement-scroll var(--ticker-duration, 28s) linear infinite;
  will-change: transform;
}
.announcement-group {
  display: flex;
  flex: 0 0 max-content;
  min-height: 36px;
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
  min-width: max(50vw, 480px);
  box-sizing: border-box;
  padding: 0 24px;
  white-space: nowrap;
}
.announcement-message { color: #375b73; font-size: 10px; font-weight: 700; letter-spacing: .035em; }
.announcement-contact { display: inline-flex; align-items: center; gap: 7px; color: #31536b; text-decoration: none; font-size: 10px; font-weight: 700; }
.announcement-contact span { color: #087ab9; font-size: 12px; }
.announcement-divider { color: #d49a2e; font-size: 10px; }
.announcement-track:hover { animation-play-state: paused; }
@keyframes vgs-announcement-scroll { from { transform: translateX(0); } to { transform: translateX(-12.5%); } }

/* Keep the VGS tag away from the photo on narrow screens. */
@media (max-width: 560px) {
  .industrial-hero-visual {
    height: auto !important;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0 0 2px;
  }
  .industrial-hero-visual .hero-photo-wrap {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: clamp(230px, 72vw, 310px);
    border-radius: 8px 54px 8px 8px;
    overflow: hidden;
  }
  .industrial-hero-visual .hero-photo-wrap > img { width: 100%; height: 100%; object-fit: cover; }
  .industrial-hero-visual .machine-inset {
    position: relative;
    inset: auto;
    width: min(88%, 300px);
    margin: -38px 7px 0 auto;
    z-index: 3;
    border-radius: 11px;
    box-shadow: 0 12px 28px rgba(16,39,60,.16);
  }
  .industrial-hero-visual .hero-visual-tag {
    position: relative;
    inset: auto;
    align-self: flex-start;
    display: flex;
    width: max-content;
    max-width: 100%;
    margin: 13px 5px 0;
    padding: 9px 12px;
    border-radius: 9px;
    box-shadow: 0 7px 18px rgba(23,52,76,.08);
  }
  .industrial-hero-visual .hero-visual-tag small { font-size: 9px; }
  .industrial-hero-visual .image-label { left: 15px; bottom: 15px; font-size: 10px; }
}

/* More compact, balanced footer on desktop and laptop screens. */
.industrial-site .site-footer.industrial-footer { padding: 36px 0 0; }
.industrial-site .footer-main {
  grid-template-columns: minmax(0, 1.25fr) minmax(130px, .65fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 38px);
  padding-bottom: 25px;
  border-bottom: 1px solid #2d4252;
}
.industrial-site .footer-brand > p { max-width: 340px; margin: 11px 0; line-height: 1.65; }
.industrial-site .footer-brand .brand-logo { width: 42px; height: 42px; }
.industrial-site .footer-gst { margin: 7px 0 !important; }
.industrial-site .footer-whatsapp { margin-top: 4px; }
.industrial-site .footer-column { gap: 8px; min-width: 0; }
.industrial-site .footer-column h4 { margin: 2px 0 6px; }
.industrial-site .footer-column a,
.industrial-site .footer-column p { line-height: 1.6; overflow-wrap: anywhere; }
.industrial-site .footer-contact { grid-column: auto; }
.footer-branches { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 15px; padding: 17px 0; }
.footer-branches > div { min-width: 0; }
.footer-branches strong { font-size: 9px; margin-bottom: 4px; }
.footer-branches span { font-size: 8px; line-height: 1.55; }
.footer-branches a { font-size: 9px; margin-top: 4px; }
.footer-social-links { justify-content: flex-start; padding: 10px 0; gap: 14px; }
.footer-social-links a { font-size: 10px; }
.industrial-site .footer-bottom { min-height: 45px; gap: 12px; font-size: 9px; }
.industrial-site .footer-bottom span:nth-child(2) { display: block; }

@media (max-width: 1000px) {
  .footer-branches { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
  .industrial-site .footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px 28px; }
  .industrial-site .footer-brand { grid-column: 1 / -1; }
  .industrial-site .footer-contact { grid-column: auto; }
  .footer-branches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .industrial-site .main-nav { top: 108px; }
}
@media (max-width: 560px) {
  .industrial-site .announcement-group { min-height: 32px; gap: 17px; padding-inline: 17px; }
  .announcement-message, .announcement-contact { font-size: 9px; }
  .announcement-contact span { font-size: 10px; }
  .industrial-site .nav-shell { min-height: 68px; }
  .industrial-site .main-nav { top: 101px; }
  .industrial-site .site-footer.industrial-footer { padding-top: 27px; }
  .industrial-site .footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 19px 14px; padding-bottom: 19px; }
  .industrial-site .footer-brand { grid-column: 1 / -1; }
  .industrial-site .footer-brand > p { font-size: 10px; margin: 9px 0; }
  .industrial-site .footer-brand .brand-logo { width: 36px; height: 36px; }
  .industrial-site .footer-column { gap: 7px; }
  .industrial-site .footer-column h4 { font-size: 10px; margin-bottom: 4px; }
  .industrial-site .footer-column a, .industrial-site .footer-column p { font-size: 9px; line-height: 1.55; }
  .industrial-site .footer-contact { grid-column: 1 / -1; }
  .footer-branches { grid-template-columns: 1fr 1fr; gap: 12px 14px; padding: 14px 0; }
  .footer-branches strong { font-size: 9px; }
  .footer-branches span { font-size: 8px; line-height: 1.5; }
  .footer-social-links { justify-content: flex-start; gap: 10px 14px; padding: 10px 0; }
  .footer-social-links a { font-size: 9px; }
  .industrial-site .footer-bottom { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; min-height: 0; padding: 12px 0; font-size: 8px; }
  .industrial-site .footer-bottom span:nth-child(2) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .announcement-track { animation: none; width: 100%; min-width: 0; }
  .announcement-group[aria-hidden="true"] { display: none; }
}


/* VGS premium header + compact luxury footer refresh (desktop, tablet and mobile). */
.industrial-site .site-header{position:sticky;top:0;z-index:80;background:rgba(249,250,252,.94);backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid rgba(201,212,224,.72);box-shadow:0 8px 26px rgba(20,38,57,.055)}
.industrial-site .nav-shell{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.4vw,20px);min-height:82px;padding-block:9px}
.industrial-site .industrial-brand{order:0;min-width:190px}
.industrial-site .main-nav{order:1;flex:1 1 auto;min-width:0;justify-content:center;gap:clamp(10px,1.4vw,20px);margin:0}
.industrial-site .main-nav a{font-size:11px;font-weight:700;letter-spacing:.005em}
.industrial-site .header-ticker{order:2;position:relative;display:flex;align-items:center;gap:8px;flex:0 1 238px;width:238px;max-width:238px;min-width:165px;height:38px;min-height:38px;padding:0 10px;border:1px solid #dbe4ec;border-radius:999px;background:linear-gradient(135deg,#f6f8fc,#edf2f7);color:#38526a;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 14px rgba(26,48,68,.045)}
.header-ticker-label{position:relative;z-index:2;flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#e1e9f1;color:#476179;font-size:7px;font-weight:900;letter-spacing:.11em;white-space:nowrap}
.header-ticker .announcement-viewport{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 93%,transparent 100%)}
.header-ticker .announcement-track{width:max-content;animation: vgs-announcement-scroll var(--ticker-duration,28s) linear infinite}
.header-ticker .announcement-group{min-height:30px;min-width:max(460px,42vw);gap:22px;padding:0 12px}
.header-ticker .announcement-message{font-size:9px;color:#3e5a73;font-weight:800}
.header-ticker .announcement-contact{font-size:9px;color:#3f5a71}
.header-ticker .announcement-contact span{font-size:11px;color:#397da9}
.header-ticker .announcement-divider{color:#b48c43}
.header-ticker:hover .announcement-track{animation-play-state:paused}
.industrial-site .button-nav{order:3;flex:0 0 auto;min-height:42px;padding:0 14px;border-radius:10px;white-space:nowrap;box-shadow:0 7px 16px rgba(18,104,173,.14)}
.industrial-site .nav-toggle{order:1}

/* Compact, layered footer. Locations remain available in an unobtrusive accordion. */
.industrial-site .site-footer.industrial-footer{padding:31px 0 0!important;background:linear-gradient(145deg,#10283b 0%,#0c2234 55%,#10283b 100%);}
.industrial-site .site-footer .section-shell{width:min(1160px,calc(100% - 52px))}
.industrial-site .footer-main{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(130px,.62fr) minmax(0,.95fr)!important;gap:clamp(18px,3vw,36px)!important;padding-bottom:20px!important;border-bottom:1px solid rgba(180,204,221,.16)!important}
.industrial-site .footer-brand .brand-logo{width:38px!important;height:38px!important;border-radius:9px}
.industrial-site .footer-brand .brand-text strong{font-size:18px!important}
.industrial-site .footer-brand .brand-text small{font-size:7px!important}
.industrial-site .footer-brand>p{max-width:330px;margin:9px 0!important;font-size:10px!important;line-height:1.55!important;color:#a9bbc9!important}
.industrial-site .footer-gst{font-size:9px!important;color:#91a7b7!important}
.industrial-site .footer-whatsapp{display:inline-flex;align-items:center;gap:7px;margin-top:3px!important;font-size:10px!important;font-weight:800}
.industrial-site .footer-column{gap:6px!important;min-width:0}
.industrial-site .footer-column h4{margin:0 0 5px!important;font-size:10px!important;letter-spacing:.09em!important;text-transform:uppercase;color:#f2f6fa!important}
.industrial-site .footer-column a,.industrial-site .footer-column p{font-size:10px!important;line-height:1.55!important;color:#a9bbc9!important;overflow-wrap:anywhere}
.industrial-site .footer-column .footer-email{color:#9bd8fa!important}
.industrial-site .footer-address{max-width:360px;margin:4px 0!important}
.footer-location-jump{display:none}
.footer-location-accordion{margin-top:14px;border:1px solid rgba(180,204,221,.19);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.footer-location-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:10px 15px;cursor:pointer;list-style:none;color:#f0f5f9}
.footer-location-accordion>summary::-webkit-details-marker{display:none}
.footer-location-accordion>summary>span{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.footer-location-accordion>summary strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.footer-location-accordion>summary small{font-size:9px;color:#91a7b7}
.footer-location-accordion>summary>b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.08);color:#dce9f3;font-size:17px;transition:transform .2s}
.footer-location-accordion[open]>summary>b{transform:rotate(45deg)}
.footer-location-accordion .footer-branches{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important;padding:0 15px 15px!important;border:0!important}
.footer-location-accordion .footer-branches>div{padding:10px 11px;border:1px solid rgba(180,204,221,.13);border-radius:10px;background:rgba(4,19,31,.18)}
.footer-location-accordion .footer-branches strong{font-size:9px!important;margin-bottom:5px!important;color:#e9f1f6!important}
.footer-location-accordion .footer-branches span{font-size:8px!important;line-height:1.5!important;color:#9eb2c1!important}
.footer-location-accordion .footer-branches a{font-size:8px!important;margin-top:5px!important;color:#9bd8fa!important}
.industrial-site .footer-social-links{justify-content:flex-start!important;gap:12px!important;padding:11px 0!important;border-top:0!important}
.industrial-site .footer-social-links a{font-size:9px!important;color:#9eb2c1!important}
.industrial-site .footer-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:43px!important;padding:10px 0!important;font-size:8px!important;color:#859aaa!important;border-top:1px solid rgba(180,204,221,.12)}
.industrial-site .footer-bottom span:nth-child(2){display:block!important}

@media(max-width:1240px){
  .industrial-site .nav-shell{gap:12px}
  .industrial-site .industrial-brand{min-width:175px}
  .industrial-site .brand-logo{width:40px;height:40px}
  .industrial-site .brand-text strong{font-size:19px}
  .industrial-site .main-nav{gap:10px}
  .industrial-site .main-nav a{font-size:10px}
  .industrial-site .header-ticker{flex-basis:190px;width:190px;max-width:190px;min-width:150px}
  .industrial-site .button-nav{padding-inline:11px;font-size:10px}
}
@media(max-width:1100px){
  .industrial-site .nav-shell{display:flex;flex-wrap:wrap;min-height:0;padding-block:10px 0;row-gap:0}
  .industrial-site .industrial-brand{order:0}
  .industrial-site .main-nav{order:1;flex:1 1 auto}
  .industrial-site .button-nav{order:2}
  .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}
  .header-ticker .announcement-group{min-height:28px}
  .footer-location-accordion .footer-branches{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .industrial-site .nav-shell{display:flex;flex-wrap:wrap;align-items:center;min-height:0;padding:9px 0 0;gap:0 9px}
  .industrial-site .industrial-brand{order:0;min-width:0;margin-right:auto}
  .industrial-site .nav-toggle{display:flex;order:1;flex:0 0 39px;margin:0 0 0 4px;width:39px;height:39px;border-radius:11px;background:#edf2f7;border:1px solid #dbe4ed}
  .industrial-site .button-nav{order:2;flex:0 0 auto;min-height:39px;padding:0 11px;margin-left:0;font-size:10px}
  .industrial-site .main-nav{order:4;top:109px}
  .industrial-site .header-ticker{order:3;flex:0 0 100%;width:100%;max-width:none;margin:9px 0 9px;height:31px;min-height:31px;border-radius:10px}
  .header-ticker-label{font-size:7px}
  .footer-location-accordion .footer-branches{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .industrial-site .site-header{backdrop-filter:blur(14px)}
  .industrial-site .nav-shell{padding-top:8px;gap:0 7px}
  .industrial-site .brand-logo{width:35px;height:35px}
  .industrial-site .brand-text strong{font-size:17px}
  .industrial-site .brand-text small{font-size:6px;letter-spacing:1.1px;margin-top:4px}
  .industrial-site .nav-toggle{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  .industrial-site .button-nav{min-height:36px;padding:0 9px;font-size:9px;border-radius:9px}
  .industrial-site .header-ticker{margin:7px 0 8px;height:29px;min-height:29px;padding:0 8px;border-radius:9px}
  .header-ticker-label{padding:4px 6px;font-size:6px}
  .header-ticker .announcement-group{min-height:25px;gap:16px;padding-inline:12px}
  .header-ticker .announcement-message,.header-ticker .announcement-contact{font-size:8px}
  .header-ticker .announcement-contact span{font-size:9px}
  .industrial-site .main-nav{top:100px;padding:12px 20px 18px;border-radius:0 0 14px 14px}
  .industrial-site .site-footer.industrial-footer{padding:22px 0 0!important}
  .industrial-site .site-footer .section-shell{width:calc(100% - 32px)}
  .industrial-site .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px 12px!important;padding-bottom:13px!important}
  .industrial-site .footer-brand{grid-column:1/-1!important}
  .industrial-site .footer-brand .brand-logo{width:32px!important;height:32px!important}
  .industrial-site .footer-brand .brand-text strong{font-size:16px!important}
  .industrial-site .footer-brand>p{font-size:9px!important;line-height:1.45!important;margin:6px 0!important;max-width:100%}
  .industrial-site .footer-gst{font-size:8px!important;margin:5px 0!important}
  .industrial-site .footer-whatsapp{font-size:9px!important}
  .industrial-site .footer-column{grid-column:auto!important;gap:5px!important}
  .industrial-site .footer-column h4{font-size:8px!important;margin:0 0 3px!important;letter-spacing:.08em}
  .industrial-site .footer-column a,.industrial-site .footer-column p{font-size:8px!important;line-height:1.45!important;margin:0}
  .industrial-site .footer-contact{grid-column:auto!important}
  .industrial-site .footer-address{display:none!important}
  .footer-location-jump{display:inline-flex!important;font-size:8px!important;color:#9bd8fa!important;margin-top:2px}
  .industrial-site .footer-location-accordion{margin-top:10px;border-radius:11px}
  .footer-location-accordion>summary{min-height:43px;padding:8px 10px}
  .footer-location-accordion>summary>span{gap:7px}
  .footer-location-accordion>summary strong{font-size:8px}
  .footer-location-accordion>summary small{font-size:7px}
  .footer-location-accordion>summary>b{width:23px;height:23px;font-size:15px}
  .footer-location-accordion .footer-branches{grid-template-columns:1fr!important;gap:7px!important;padding:0 9px 9px!important}
  .footer-location-accordion .footer-branches>div{padding:8px 9px;border-radius:8px}
  .footer-location-accordion .footer-branches strong{font-size:8px!important;margin-bottom:3px!important}
  .footer-location-accordion .footer-branches span{font-size:7px!important;line-height:1.45!important}
  .footer-location-accordion .footer-branches a{font-size:7px!important}
  .industrial-site .footer-social-links{gap:8px 11px!important;padding:8px 0!important}
  .industrial-site .footer-social-links a{font-size:8px!important}
  .industrial-site .footer-bottom{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-height:0!important;padding:9px 0!important;font-size:7px!important}
  .industrial-site .footer-bottom span:nth-child(2){display:none!important}
}
@media(max-width:370px){
  .industrial-site .brand-text strong{font-size:15px}
  .industrial-site .button-nav{padding-inline:7px;font-size:8px}
  .header-ticker .announcement-message,.header-ticker .announcement-contact{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.header-ticker .announcement-track{animation:none!important;transform:none!important}.header-ticker .announcement-group[aria-hidden="true"]{display:none!important}}