/* v6.9.358 — final homepage spacing corrections.
   1) make the desktop hero content-height driven so browser zoom cannot create
      large black bands above/below the fixed-pixel carousel stage;
   2) clear the right product panel from the metrics strip;
   3) restore the About fleet image flush to its vertical divider. */

@media (min-width:1181px){
  /* The old hero still carried height:100svh!important from an earlier layout.
     That is why zoom-out produced huge empty vertical bands while the 690px
     stage itself became visually smaller. Let the real content define height. */
  .hero#home{
    height:auto!important;
    min-height:0!important;
  }

  /* Keep the approved small stage overlap, but stop the metrics strip from
     sitting underneath the bottom of the product-information panel. */
  .hero#home > .metrics{
    margin:-48px 0 0!important;
    transform:none!important;
  }
  .hero#home .hero-feature-panel.showroom-v199{
    transform:translateY(-42px)!important;
  }

  /* Close the deliberate gap introduced in v6.9.351. The fleet image now
     finishes exactly at the About-section divider. */
  #fueltek-introduction .fueltek-story-image-v227{
    width:calc(100% + 34px)!important;
    margin-left:-34px!important;
    margin-right:0!important;
  }
}

@media (min-width:1181px) and (max-width:1500px){
  #fueltek-introduction .fueltek-story-image-v227{
    width:calc(100% + 28px)!important;
    margin-left:-28px!important;
    margin-right:0!important;
  }
}

/* Keep the existing full-bleed tablet/mobile About treatment untouched. */
@media (max-width:1180px){
  #fueltek-introduction .fueltek-story-image-v227{
    margin-right:-30px!important;
  }
}