/* Mobile hero exact reference layout v6 */
.hero-whatsapp{display:none}
@media(max-width:760px){
  html,body{overflow-x:hidden}
  body{padding-bottom:68px!important}

  .site-header{
    position:sticky!important;top:0!important;z-index:1400!important;
    height:68px!important;background:#071b2b!important;
    box-shadow:0 5px 18px rgba(4,17,29,.18)!important
  }
  .site-header .nav-wrap{height:68px!important;min-height:68px!important;width:100%!important;padding:0 12px!important;gap:8px!important}
  .site-header .brand{display:flex!important;align-items:center!important;min-width:0!important}
  .site-header .brand img{width:132px!important;max-height:55px!important;object-fit:contain!important;filter:none!important}
  .site-header .main-nav{top:68px!important}
  .site-header .menu-btn{
    order:2!important;margin-left:auto!important;width:42px!important;height:42px!important;
    border-radius:10px!important;display:grid!important;place-items:center!important;
    background:#102d43!important;color:#fff!important;border:1px solid #2a4960!important;font-size:23px!important
  }
  .site-header .top-call{
    order:3!important;display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:118px!important;height:42px!important;padding:0 10px!important;border-radius:10px!important;
    background:#ff6509!important;color:#fff!important
  }
  .site-header .top-call>span{font-size:14px!important;margin-right:5px!important}
  .site-header .top-call strong{font-size:12px!important;white-space:nowrap!important}
  .site-header .top-call small{display:none!important}

  .live-map-hero{
    position:relative!important;height:calc(100dvh - 68px)!important;min-height:670px!important;
    max-height:none!important;overflow:hidden!important;background:#0b2234!important
  }
  .live-hero-map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;opacity:1!important}
  .live-hero-map .leaflet-tile{filter:saturate(.92) brightness(.95) contrast(1.02)!important}
  .hero-map-shade{
    position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(180deg,rgba(4,20,33,.97) 0%,rgba(4,20,33,.92) 29%,rgba(4,20,33,.62) 43%,rgba(4,20,33,.20) 57%,rgba(4,20,33,.03) 74%,rgba(4,20,33,0) 100%)!important
  }
  .hero-map-toolbar,.map-corner-switcher,.hero-proof{display:none!important}

  .map-hero-layout{
    position:relative!important;z-index:3!important;width:100%!important;height:100%!important;min-height:0!important;
    margin:0!important;padding:22px 14px 78px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important
  }
  .hero-live-copy{width:100%!important;max-width:410px!important;margin:0 auto!important;padding:0!important;text-align:center!important;flex:0 0 auto!important}
  .hero-live-copy .hero-kicker{
    display:inline-block!important;max-width:100%!important;margin:0 auto!important;padding:5px 9px!important;
    border-radius:999px!important;font-size:8px!important;line-height:1.2!important;letter-spacing:.04em!important;white-space:normal!important
  }
  .hero-live-copy h1{
    max-width:390px!important;margin:12px auto 8px!important;font-size:27px!important;line-height:1.02!important;
    letter-spacing:-.045em!important;text-align:center!important;text-shadow:none!important
  }
  .hero-live-copy h1 span:first-child{display:block!important;white-space:nowrap!important}
  .hero-live-copy h1 strong{display:inline!important;color:#ff6509!important;margin-right:.14em!important}
  .hero-live-copy h1 span:last-child{display:inline!important}
  .hero-live-copy>p{max-width:385px!important;margin:0 auto 11px!important;font-size:11px!important;line-height:1.42!important;text-align:center!important;color:#eef5fa!important}
  .hero-live-copy .hero-actions{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
    width:100%!important;max-width:400px!important;margin:0 auto!important
  }
  .hero-live-copy .btn{
    display:grid!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:6px 6px!important;
    grid-template-columns:18px 1fr!important;grid-template-rows:18px 13px!important;border-radius:9px!important;text-align:left!important
  }
  .hero-live-copy .btn>span{font-size:13px!important}
  .hero-live-copy .btn b{font-size:10px!important;line-height:1.05!important}
  .hero-live-copy .btn small{font-size:7px!important;line-height:1.05!important}
  .hero-live-copy .btn-dark-outline{background:#112d43!important;border:1px solid #38556a!important}
  .hero-whatsapp{display:grid!important;background:#14c85a!important;color:#fff!important;border:0!important}

  /* robust flow: card is part of flex layout, not absolutely positioned */
  .hero-nearest-panel{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:400px!important;margin:auto auto 0!important;padding:12px!important;
    border-radius:17px!important;background:#fff!important;color:#0b1d31!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;flex:0 0 auto!important
  }
  .hero-nearest-panel .nearest-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  .hero-nearest-panel .nearest-head small{font-size:7px!important}
  .hero-nearest-panel .nearest-head h2{font-size:19px!important;line-height:1.05!important;margin:2px 0 0!important}
  .hero-nearest-panel .nearest-head em{font-size:8px!important;padding:4px 7px!important;border-radius:999px!important}
  .nearest-location-row{margin-top:8px!important;padding:8px 9px!important;border-radius:10px!important;grid-template-columns:26px 1fr auto!important;gap:8px!important}
  .location-pulse{width:15px!important;height:15px!important;box-shadow:0 0 0 5px #ffe9dc!important}
  .nearest-location-row small{font-size:7px!important}.nearest-location-row b{font-size:11px!important}.nearest-location-row button{font-size:8px!important;padding:5px 7px!important}
  .nearest-summary{display:block!important;margin-top:7px!important;padding:9px!important;border-radius:10px!important}
  .nearest-summary b{font-size:11px!important}.nearest-summary p{font-size:8px!important;line-height:1.3!important;margin:3px 0 0!important}
  .nearest-metrics{display:none!important}
  .hero-nearest-panel .nearest-call{width:100%!important;min-height:39px!important;margin-top:7px!important;padding:8px!important;border-radius:8px!important;font-size:10px!important;font-weight:900!important}

  .live-map-hero .leaflet-control-zoom{display:block!important;margin-left:12px!important;margin-top:320px!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important}
  .live-map-hero .leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:34px!important;font-size:20px!important}
  .live-map-hero .leaflet-control-attribution{display:none!important}

  .mobile-emergency-bar{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1500!important;
    display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;
    background:#0b2234!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -8px 22px rgba(0,0,0,.20)!important
  }
  .mobile-emergency-bar a,.mobile-emergency-bar button{
    min-width:0!important;min-height:46px!important;border:0!important;border-radius:8px!important;padding:8px 5px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
    text-decoration:none!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important
  }
  .mobile-emergency-bar .mobile-call{background:#ff6509!important;color:#fff!important}
  .mobile-emergency-bar .mobile-whatsapp{background:#14c85a!important;color:#fff!important}
  .mobile-emergency-bar .mobile-location{background:#16344d!important;color:#fff!important}
}

@media(max-width:390px){
  .site-header .brand img{width:118px!important}
  .site-header .top-call{min-width:108px!important;padding:0 8px!important}
  .site-header .top-call strong{font-size:11px!important}
  .hero-live-copy h1{font-size:25px!important}
  .hero-live-copy>p{font-size:10px!important}
  .hero-nearest-panel{padding:10px!important}
  .hero-nearest-panel .nearest-head h2{font-size:18px!important}
}


/* mobile white header + original logo v7 */
@media(max-width:760px){
  .site-header{
    background:#fff!important;
    border-bottom:1px solid #e3e9ef!important;
    box-shadow:0 5px 18px rgba(7,20,33,.09)!important;
  }
  .site-header .brand img{
    filter:none!important;
    opacity:1!important;
  }
  .site-header .menu-btn{
    background:#f4f7fa!important;
    color:#10283b!important;
    border:1px solid #d7e2eb!important;
    box-shadow:none!important;
  }
  .site-header .main-nav{
    background:#fff!important;
    border:1px solid #e2e8ee!important;
  }
  .site-header .main-nav a{
    color:#102033!important;
  }
}