/* LEGAL CENTRE — Service V5.1 Get Started Visibility Fix
   Focused repair: keep the snapshot CTA visible and inside the hero.
*/

html body .lcsv .service-hero{
  overflow:visible!important;
  padding-bottom:72px!important;
}

html body .lcsv .service-hero-grid{
  align-items:flex-start!important;
}

html body .lcsv .price-box{
  align-self:start!important;
  margin-top:24px!important;
  padding:14px 14px 15px!important;
  max-width:372px!important;
}

/* Compact the visual without losing impact */
html body .lcsv .price-box .lclv2-service-poster{
  min-height:138px!important;
  margin-bottom:14px!important;
  padding:19px 18px!important;
}

html body .lcsv .price-box .lclv2-poster-mark{
  margin-top:14px!important;
  font-size:clamp(2.7rem,3.5vw,3.8rem)!important;
}

html body .lcsv .price-box .lclv2-poster-name{
  margin-top:8px!important;
}

html body .lcsv .price-box .lcsv-price-kicker{
  margin-top:0!important;
}

html body .lcsv .price-box h3{
  margin:5px 0 8px!important;
  font-size:23px!important;
}

html body .lcsv .price-box .price-row{
  min-height:52px!important;
  padding:12px 0!important;
}

/* The CTA must remain fully visible. This selector intentionally beats old layers. */
html body .lcsv .service-hero .price-box > a.btn.btn-primary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  margin:14px 0 0!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#ffde32!important;
  color:#111214!important;
  -webkit-text-fill-color:#111214!important;
  border:1px solid #e2c31d!important;
  box-shadow:0 12px 24px rgba(214,181,0,.15)!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body .lcsv .service-hero .price-box > a.btn.btn-primary:hover{
  transform:translateY(-1px)!important;
  background:#ffe44d!important;
  box-shadow:0 16px 30px rgba(214,181,0,.20)!important;
}

/* Keep the next section below the complete snapshot card */
html body .lcsv .lc-before{
  position:relative!important;
  z-index:1!important;
}

@media(max-width:980px){
  html body .lcsv .service-hero{
    overflow:hidden!important;
    padding-bottom:50px!important;
  }
  html body .lcsv .price-box{
    margin-top:0!important;
    max-width:none!important;
  }
}

@media(max-width:700px){
  html body .lcsv .price-box .lclv2-service-poster{
    min-height:126px!important;
  }
  html body .lcsv .service-hero .price-box > a.btn.btn-primary{
    min-height:50px!important;
  }
}