/* Fueltek v6.9.316
   UK locations hub: keep the national coverage map inside its own column.
   City location pages are intentionally untouched. */

.location-hub-page-v302 .hero.local-hero-v302{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,640px) minmax(0,1fr)!important;
  gap:clamp(48px,4vw,76px)!important;
  align-items:center;
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.location-hub-page-v302 .hero.local-hero-v302>div:first-child{
  position:relative;
  z-index:2;
  width:100%;
  min-width:0;
  max-width:640px;
}

.location-hub-page-v302 .hero.local-hero-v302 h1{
  width:100%;
  max-width:100%!important;
  font-size:clamp(68px,5.25vw,100px)!important;
  line-height:.84!important;
  overflow-wrap:normal;
}

.location-hub-page-v302 .hero.local-hero-v302>div:first-child>p{
  max-width:590px;
}

.location-hub-page-v302 .hero.local-hero-v302>.fueltek-postcode-map-host-v309{
  position:relative;
  z-index:1;
  justify-self:stretch;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
  overflow:hidden!important;
}

/* MapLibre must size from the map column, never its canvas' intrinsic width. */
.location-hub-page-v302 .hero.local-hero-v302 .fueltek-postcode-map-v309,
.location-hub-page-v302 .hero.local-hero-v302 .maplibregl-map,
.location-hub-page-v302 .hero.local-hero-v302 .maplibregl-canvas-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

/* A two-column hub stops being useful before the standard mobile breakpoint.
   Stack early rather than allowing the map or title to fight for width. */
@media(max-width:1350px){
  .location-hub-page-v302 .hero.local-hero-v302{
    grid-template-columns:minmax(0,1fr)!important;
    gap:36px!important;
  }

  .location-hub-page-v302 .hero.local-hero-v302>div:first-child{
    max-width:900px;
  }

  .location-hub-page-v302 .hero.local-hero-v302 h1{
    max-width:850px!important;
    font-size:clamp(66px,8vw,104px)!important;
  }

  .location-hub-page-v302 .hero.local-hero-v302>div:first-child>p{
    max-width:760px;
  }

  .location-hub-page-v302 .hero.local-hero-v302>.fueltek-postcode-map-host-v309{
    width:100%!important;
    min-height:500px!important;
  }
}

@media(max-width:900px){
  .location-hub-page-v302 .hero.local-hero-v302>.fueltek-postcode-map-host-v309{
    min-height:clamp(360px,55vw,460px)!important;
  }
}

@media(max-width:720px){
  .location-hub-page-v302 .hero.local-hero-v302 h1{
    font-size:clamp(46px,12.8vw,58px)!important;
  }

  .location-hub-page-v302 .hero.local-hero-v302>.fueltek-postcode-map-host-v309{
    min-height:350px!important;
  }
}

@media(max-width:520px){
  .location-hub-page-v302 .hero.local-hero-v302 h1{
    font-size:clamp(42px,12.4vw,52px)!important;
  }

  .location-hub-page-v302 .hero.local-hero-v302>.fueltek-postcode-map-host-v309{
    min-height:330px!important;
  }
}

@media(max-width:400px){
  .location-hub-page-v302 .hero.local-hero-v302 h1{
    font-size:clamp(39px,12.1vw,47px)!important;
  }

  .location-hub-page-v302 .hero.local-hero-v302>.fueltek-postcode-map-host-v309{
    min-height:310px!important;
  }
}