/* v116 — ECU Remapping page hero/CTA visibility and section spacing */

/* The remapping H1 is long; prevent it from pushing the CTA below the fold. */
.ecu-remapping-main-page .service-hero{
  min-height:auto !important;
  padding-top:56px !important;
  padding-bottom:58px !important;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr) !important;
  gap:42px !important;
  align-items:center !important;
}

.ecu-remapping-main-page .service-hero h1{
  font-size:clamp(48px,4.7vw,74px) !important;
  line-height:.97 !important;
  letter-spacing:-.045em !important;
  margin:18px 0 22px !important;
  max-width:850px;
}

.ecu-remapping-main-page .service-hero p{
  margin:0 !important;
  max-width:780px;
  line-height:1.6 !important;
}

.ecu-remapping-main-page .service-hero .actions{
  display:flex !important;
  flex-wrap:wrap !important;
  visibility:visible !important;
  opacity:1 !important;
  gap:12px !important;
  margin-top:22px !important;
  margin-bottom:0 !important;
  position:relative;
  z-index:4;
}

.ecu-remapping-main-page .service-hero .actions .btn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center;
  justify-content:center;
}

.ecu-remapping-main-page .service-hero .trust{
  margin-top:22px !important;
}

/* Keep the hero image from forcing excessive vertical height. */
.ecu-remapping-main-page .service-hero .service-image{
  min-height:0 !important;
  height:auto !important;
}
.ecu-remapping-main-page .service-hero .service-image img{
  max-height:560px !important;
  object-fit:cover !important;
}

/* Consistent H2/text -> CTA spacing across this remapping page. */
.ecu-remapping-main-page main > section .actions{
  margin-top:22px !important;
  margin-bottom:0 !important;
}

/* Headings with a following paragraph/buttons should stay visually connected. */
.ecu-remapping-main-page main > section h2{
  margin-bottom:18px !important;
}
.ecu-remapping-main-page main > section h2 + p{
  margin-top:0 !important;
}
.ecu-remapping-main-page main > section h2 + p + .actions{
  margin-top:22px !important;
}

/* Avoid floating controls covering hero CTAs on common laptop heights. */
@media (max-height:820px) and (min-width:901px){
  .ecu-remapping-main-page .ecu-upload-float{
    left:16px !important;
    bottom:16px !important;
    transform:scale(.88);
    transform-origin:left bottom;
  }
  .ecu-remapping-main-page .back-to-top{
    right:18px !important;
    bottom:88px !important;
  }
}

@media (max-width:1200px){
  .ecu-remapping-main-page .service-hero{
    grid-template-columns:1fr !important;
    padding-top:48px !important;
    gap:32px !important;
  }
  .ecu-remapping-main-page .service-hero h1{
    font-size:clamp(44px,6.7vw,66px) !important;
    max-width:900px;
  }
  .ecu-remapping-main-page .service-hero .service-image img{
    max-height:440px !important;
  }
}

@media (max-width:700px){
  .ecu-remapping-main-page .service-hero{
    padding-top:40px !important;
    padding-bottom:46px !important;
  }
  .ecu-remapping-main-page .service-hero h1{
    font-size:clamp(38px,11vw,54px) !important;
    margin:14px 0 18px !important;
  }
  .ecu-remapping-main-page .service-hero .actions{
    margin-top:18px !important;
  }
  .ecu-remapping-main-page .service-hero .actions .btn{
    width:100%;
  }
}