/* v6.9.360 — final alignment pass for the two remaining homepage issues.
   1) Make the About fleet image finish exactly on the vertical column divider.
   2) Keep the tall hero cabinets fully inside the visible golden stage. */

/* ABOUT
   Let the image use negative side margins rather than an oversized explicit
   width. This makes its right edge resolve from the actual grid-cell edge,
   so it cannot stop short or overrun differently at different desktop widths. */
@media (min-width:1501px){
  #fueltek-introduction .fueltek-story-image-v227{
    width:auto!important;
    align-self:stretch!important;
    margin-left:-34px!important;
    margin-right:-34px!important;
  }
}
@media (min-width:1181px) and (max-width:1500px){
  #fueltek-introduction .fueltek-story-image-v227{
    width:auto!important;
    align-self:stretch!important;
    margin-left:-28px!important;
    margin-right:-28px!important;
  }
}

/* HERO
   The tall single-cabinet renders were still using the raised V67 floor
   anchor (172px), which leaves too little headroom once the stage is clipped.
   Lower only those tall products and apply a modest scale cap. The carousel,
   side products, CTA and right information panel keep their approved layout. */
@media (min-width:1181px){
  .hero#home .stage-image-mode .ft400-product,
  .hero#home .stage-image-mode .ft4000ap-product,
  .hero#home .stage-image-mode .ft4000hsp-product,
  .hero#home .stage-image-mode .ft4000ab-product{
    --active-scale:.80!important;
    --center-bottom:140px!important;
  }

  /* Twin cabinet is wider but shorter; retain its strong presence while
     adding a small safety margin for short desktop windows. */
  .hero#home .stage-image-mode .ft4000aptwin-product{
    --active-scale:.78!important;
    --center-bottom:150px!important;
  }

  /* Keep the active render above the CTA/subtitle without allowing its visual
     top to cross the stage boundary. */
  .hero#home .stage-image-mode .slot-center{
    transform-origin:50% 100%!important;
  }
}