
/* SGTM V8.6 — fixed zoomed-desktop navigation and content-visible hero.
   This is an independent final override, not a replacement for service pages. */

/* A real monitor at 175%-200% zoom has a much narrower CSS viewport.
   Keep a fully accessible DESKTOP navigation, on a second bar, all the way down to 760 CSS px.
   Mobile drawer remains below 760px. */
@media (min-width:760px) and (max-width:1599px) {
 body.sgtm-v4 .v82-header .v82-header-wrap {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
   grid-template-rows:88px auto!important;
   width:min(1480px,calc(100% - 32px))!important;
   height:auto!important;min-height:142px!important;
   align-items:center!important;
   justify-content:stretch!important;
   gap:0 14px!important;
   padding:0!important;
   position:relative!important;
 }
 body.sgtm-v4 .v82-header .v82-brand {
   grid-column:1!important;grid-row:1!important;
   width:min(340px,54vw)!important;
   max-width:min(340px,54vw)!important;
   flex:0 0 auto!important;min-width:0!important;
   margin:0!important;
 }
 body.sgtm-v4 .v82-header .v82-brand img {width:100%!important;max-width:100%!important;height:auto!important;}
 body.sgtm-v4 .v82-header .v82-nav-actions {
   grid-column:2!important;grid-row:1!important;
   justify-self:end!important;
   align-items:center!important;
   display:flex!important;
 }
 body.sgtm-v4 .v82-header .v82-nav-actions .v82-mobile-btn {display:none!important}
 body.sgtm-v4 .v82-header .v82-nav-actions .v82-quote {display:inline-flex!important;min-width:148px!important;padding:12px 16px!important}
 body.sgtm-v4 .v82-header .v82-nav {
   grid-column:1/-1!important;grid-row:2!important;
   display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
   position:static!important;top:auto!important;left:auto!important;right:auto!important;
   width:100%!important;min-width:0!important;
   height:auto!important;max-height:none!important;min-height:54px!important;
   padding:5px 0!important;margin:0!important;
   border:0!important;border-top:1px solid rgba(73,163,190,.25)!important;
   background:none!important;box-shadow:none!important;
   overflow:visible!important;
   align-items:center!important;justify-content:space-around!important;
   gap:0 4px!important;overscroll-behavior:auto!important;
 }
 body.sgtm-v4 .v82-header .v82-drop {
   position:static!important;display:flex!important;align-items:center!important;
   flex:none!important;width:auto!important;min-width:0!important;
 }
 body.sgtm-v4 .v82-header .v82-nav-link,
 body.sgtm-v4 .v82-header .v82-drop>summary {
   display:flex!important;flex:none!important;
   width:auto!important;min-width:0!important;min-height:43px!important;
   height:43px!important;padding:0 clamp(5px,.7vw,12px)!important;
   justify-content:center!important;align-items:center!important;
   border:0!important;white-space:nowrap!important;
   font-size:clamp(10px,1.05vw,12px)!important;
   letter-spacing:.025em!important;text-transform:uppercase!important;
 }
 body.sgtm-v4 .v82-header .v82-drop>summary:after,
 body.sgtm-v4 .v82-header .v82-nav-link:after{display:block!important;bottom:1px!important}
 body.sgtm-v4 .v82-header .v82-popover {
   position:absolute!important;top:100%!important;left:0!important;right:0!important;
   display:none;z-index:999!important;
   width:100%!important;max-height:min(720px,calc(100dvh - 170px))!important;
   overflow-y:auto!important;overflow-x:hidden!important;
   background:linear-gradient(135deg,#081725,#0b2a40)!important;
   box-shadow:0 32px 70px rgba(0,0,0,.8)!important;
   border:1px solid #346d89!important;border-top:3px solid #38d7fa!important;
   margin:0!important;padding:0!important;
 }
 body.sgtm-v4 .v82-header .v82-drop[open]>.v82-popover {display:block!important}
 body.sgtm-v4 .v82-header .v82-card-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.sgtm-v4 .v82-header .v82-panel-head {padding:16px 20px!important}
 body.sgtm-v4 .v82-header .v82-content {padding:14px 20px 19px!important}
 body.sgtm-v4 .v82-header .v82-searchline {padding:13px 20px 8px!important}
}
/* At true wide desktop, show the full bar in one row. */
@media (min-width:1600px){
 body.sgtm-v4 .v82-header .v82-header-wrap{width:min(1820px,calc(100% - 42px))!important}
 body.sgtm-v4 .v82-header .v82-nav{display:flex!important}
 body.sgtm-v4 .v82-header .v82-mobile-btn{display:none!important}
}
/* True phone-sized viewport only */
@media(max-width:759px){
 body.sgtm-v4 .v82-header .v82-header-wrap{display:flex!important;height:76px!important;width:calc(100% - 28px)!important;}
 body.sgtm-v4 .v82-header .v82-brand{width:auto!important;flex-basis:min(280px,calc(100vw - 90px))!important;max-width:min(280px,calc(100vw - 90px))!important}
 body.sgtm-v4 .v82-header .v82-mobile-btn{display:flex!important}
 body.sgtm-v4 .v82-header .v82-nav{display:none!important;top:76px!important;height:calc(100dvh - 76px)!important;max-height:calc(100dvh - 76px)!important;overflow-y:auto!important;position:fixed!important;flex-direction:column!important}
 body.sgtm-v4 .v82-header .v82-native-toggle:checked~.v82-nav,
 body.sgtm-v4 .v82-header.v82-open .v82-nav{display:flex!important}
 body.sgtm-v4 .v82-header .v82-popover{position:static!important;max-height:none!important;overflow:visible!important}
}
/* No long empty upper hero: show text in the first viewport, retain an 800px wide-screen hero. */
@media(min-width:760px){
 body.sgtm-v4 .v7-home-hero {display:flex!important;align-items:flex-start!important;min-height:800px!important;height:800px!important;}
 body.sgtm-v4 .v7-home-hero-inner {
    display:flex!important;min-height:800px!important;height:800px!important;
    align-items:flex-start!important;justify-content:flex-start!important;
    padding:clamp(60px,6vw,94px) 0 65px!important;margin-top:0!important;
 }
 body.sgtm-v4 .v7-home-copy {position:relative!important;z-index:4!important;margin-top:0!important;padding-top:0!important;}
 body.sgtm-v4 .inner-hero.v7-inner-hero{min-height:800px!important;display:flex!important;align-items:center!important;padding:65px 0!important}
 body.sgtm-v4 .inner-hero:not(.v7-inner-hero){min-height:620px!important;display:flex!important;align-items:center!important;padding:75px 0!important}
}
@media(max-width:759px){
 body.sgtm-v4 .v7-home-hero{height:800px!important;min-height:800px!important;align-items:flex-start!important}
 body.sgtm-v4 .v7-home-hero-inner{align-items:flex-start!important;padding-top:55px!important;}
 body.sgtm-v4 .v7-home-copy{margin-top:0!important;padding-top:0!important}
}
