@media (min-width:1024px) {
  body.home-page .top-bar-premium,body.home-page .top-bar-premium *,body.home-page .navbar-premium,body.home-page .navbar-premium *,body.home-page #hero-slider,body.home-page #hero-slider *{font-family:Inter,Arial,"Helvetica Neue",sans-serif!important}
  body.home-page .top-bar-premium{height:38px!important;min-height:38px!important;padding:0!important;background:#00366f!important}
  body.home-page .top-bar-premium>.max-w-7xl{width:100%!important;max-width:1440px!important;height:100%!important;padding:0 28px!important;gap:28px!important}
  body.home-page .top-bar-premium>.max-w-7xl>div{min-width:0!important;gap:22px!important;white-space:nowrap!important}
  body.home-page .top-bar-premium span,body.home-page .top-bar-premium a{font-size:11px!important;line-height:1!important;font-weight:700!important;letter-spacing:.085em!important;white-space:nowrap!important}
  body.home-page .top-bar-premium a[href^="tel:"]{font-size:14px!important;letter-spacing:.045em!important}
  body.home-page .navbar-premium{height:76px!important;min-height:76px!important;background:rgba(0,29,61,.96)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  body.home-page .navbar-premium>.max-w-7xl{width:100%!important;max-width:1440px!important;padding:0 28px!important;gap:22px!important}
  body.home-page .logo-container-premium{flex:0 0 225px!important;min-width:225px!important;gap:12px!important;padding:0!important}
  body.home-page .logo-premium-icon{width:50px!important;height:50px!important}
  body.home-page .navbar-premium .brand-text{font-size:23px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.025em!important}
  body.home-page .navbar-premium .logo-container-premium .flex.flex-col>span:last-child{margin-top:5px!important;padding-left:8px!important;font-size:8px!important;line-height:1!important;letter-spacing:.18em!important}
  body.home-page .navbar-menu-centered{flex:1 1 auto!important;min-width:0!important}
  body.home-page .navbar-menu-centered>.flex{justify-content:center!important;gap:0!important}
  body.home-page .navbar-menu-centered .nav-link{padding:0 14px!important;font-size:11.5px!important;line-height:76px!important;font-weight:700!important;letter-spacing:.035em!important;white-space:nowrap!important}
  body.home-page .navbar-actions{flex:0 0 auto!important;gap:10px!important}
  body.home-page .navbar-actions .btn-premium{height:46px!important;min-height:46px!important;border-radius:12px!important;font-size:12px!important;font-weight:800!important}
  body.home-page #hero-slider{height:clamp(620px,72svh,760px)!important;min-height:620px!important}
  body.home-page #hero-slider .slide>.absolute.inset-0.z-10{padding:96px clamp(36px,5vw,74px) 70px!important}
  body.home-page #hero-slider .slide>.absolute.inset-0.z-10>div{width:min(555px,46vw)!important;max-width:555px!important;padding:32px 36px!important;border-radius:20px!important;background:rgba(0,20,42,.86)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important}
  body.home-page #hero-slider .slide>.absolute.inset-0.z-10>div>.flex.items-center{width:100%!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:9px!important;margin-bottom:22px!important}
  body.home-page #hero-slider .slide>.absolute.inset-0.z-10>div>.flex.items-center>div{display:none!important}
  body.home-page #hero-slider .slide>.absolute.inset-0.z-10>div>.flex.items-center>span{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 11px!important;border-radius:999px!important;font-size:9px!important;line-height:1!important;font-weight:800!important;letter-spacing:.075em!important;white-space:nowrap!important}
  body.home-page #hero-slider .slide>.absolute.inset-0.z-10>div>.flex.items-center>span:last-child{color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important}
  body.home-page #hero-slider .heading-hero,body.home-page #hero-slider .heading-section{font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;font-size:clamp(36px,3vw,46px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.04em!important}
  body.home-page #hero-slider p.leading-relaxed{margin-top:20px!important;font-size:15px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:0!important}
  body.home-page #hero-slider .hero-actions{margin-top:24px!important;gap:10px!important}
  body.home-page #hero-slider .hero-cta{min-height:46px!important;padding:0 20px!important;border-radius:11px!important;font-size:13px!important}
  body.home-page #hero-slider .slider-dots{bottom:22px!important;padding:7px 10px!important;gap:7px!important}
  body.home-page #hero-slider .slider-dots .slider-dot{display:block!important;flex:0 0 auto!important;width:8px!important;min-width:0!important;max-width:8px!important;height:8px!important;min-height:0!important;max-height:8px!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;box-shadow:none!important}
  body.home-page #hero-slider .slider-dots .slider-dot.active{width:24px!important;max-width:24px!important}
}


/* ================================================================
   DESKTOP GLOBAL LAYOUT FIX v2 - 2026-09-16
   Fixed header clearance + readable hero typography.
   Desktop only; mobile/tablet below 1024px is untouched.
   ================================================================ */
@media (min-width:1024px) {
  /* Fixed top bar (38px) + navbar (76px) must not cover page content. */
  body.home-page main {
    padding-top: 114px !important;
  }

  /* Homepage slider also starts below the fixed header, not underneath it. */
  body.home-page main > #hero-slider:first-child {
    margin-top: 0 !important;
  }

  /* Service/article hero blocks: consistent readable spacing. */
  body.home-page main > section:first-child {
    box-sizing: border-box !important;
  }
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) > .relative.z-10,
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) > .max-w-7xl.relative,
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) > .max-w-6xl.relative,
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) > .max-w-5xl.relative {
    padding-top: 12px !important;
  }

  /* Dark hero readability: headings and supporting copy must stay legible. */
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) h1,
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) .heading-hero {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.28) !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) p {
    color: rgba(255,255,255,.88) !important;
    text-shadow: 0 1px 10px rgba(0,0,0,.22) !important;
  }
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) nav {
    position: relative !important;
    z-index: 2 !important;
  }

  /* Keep the first content block close enough to the hero on desktop. */
  body.home-page main > section:first-child:not(#hero-slider):not(.taner-standard-hero) + section {
    padding-top: 72px !important;
  }
}