/* SAM-PRO Business v21 */
/* Header / hero tuned to match approved screenshot more closely */

.container{
  max-width:1660px !important;
  width:min(1660px,calc(100% - 34px)) !important;
}

/* slimmer top bar and cleaner nav */
.sampro-v7-topbar{
  height:24px !important;
  font-size:11px !important;
}
.sampro-v7-topbar .topbar__inner{height:24px !important;}
.sampro-v7-topbar .topbar__links{gap:20px !important;}

.sampro-v7-header{
  box-shadow:none !important;
  border-bottom:1px solid #e6edf5 !important;
}
.sampro-v7-navrow{
  min-height:64px !important;
  gap:26px !important;
}
.sampro-v7-logo{
  width:215px !important;
  min-width:215px !important;
}
.sampro-v7-logo img{
  max-height:48px !important;
}
.sampro-v7-menu{
  gap:16px !important;
}
.sampro-v7-menu > li > a{
  min-height:64px !important;
  padding:0 10px !important;
  font-size:12px !important;
  letter-spacing:0 !important;
  font-weight:800 !important;
}
.sampro-v7-menu > li.current-menu-item > a,
.sampro-v7-menu > li.current_page_item > a{
  box-shadow:inset 0 -3px 0 var(--sp-blue) !important;
}

/* hero block matching screenshot proportions */
.v7-hero{
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 45.2%,#f4f7fb 45.2%,#eef3f8 100%) !important;
}
.v7-hero__grid{
  min-height:284px !important;
  grid-template-columns:minmax(0,.96fr) minmax(660px,1.04fr) !important;
}
.v7-hero__copy{
  padding:24px 14px 26px 12px !important;
}
.v7-hero__copy h1{
  font-size:clamp(31px,3.15vw,41px) !important;
  line-height:1.12 !important;
  max-width:560px !important;
  letter-spacing:0 !important;
}
.v7-gold-line{
  width:54px !important;
  height:4px !important;
  margin:14px 0 12px !important;
}
.v7-hero__copy p{
  font-size:13.2px !important;
  line-height:1.48 !important;
  max-width:525px !important;
}
.v7-actions{
  margin-top:14px !important;
  gap:12px !important;
}
.v7-actions .btn{
  font-size:12px !important;
  padding:10px 16px !important;
  min-height:auto !important;
}
.v7-hero__image{
  min-height:284px !important;
}
.v7-hero__image:before{
  left:-58px !important;
  top:-8px !important;
  width:7px !important;
  height:114% !important;
}
.v7-hero__image-inner{
  background-image:linear-gradient(90deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.48) 18%,rgba(255,255,255,.14) 36%,rgba(255,255,255,.03) 54%),url('../img/hero.webp') !important;
  background-position:center center !important;
  background-size:cover !important;
}

/* metrics bar like screenshot */
.v7-metrics article{
  min-height:96px !important;
}
.v7-metrics span{margin-bottom:8px !important;}
.v7-metrics svg{width:28px !important;height:28px !important;}
.v7-metrics strong{font-size:22px !important;}
.v7-metrics small{font-size:11px !important;margin-top:5px !important;}

@media (max-width:1200px){
  .container{width:min(100% - 28px,1660px) !important;}
  .sampro-v7-navrow{min-height:60px !important;}
  .sampro-v7-menu > li > a{min-height:60px !important;padding:0 8px !important;font-size:11.5px !important;}
  .v7-hero__grid{grid-template-columns:1fr !important;min-height:auto !important;}
  .v7-hero__copy{padding:28px 4px 18px !important;}
  .v7-hero__image{min-height:260px !important;}
  .v7-hero__image:before{display:none !important;}
}

@media (max-width:700px){
  .sampro-v7-topbar{height:auto !important;font-size:10px !important;}
  .sampro-v7-topbar .topbar__inner{height:auto !important;padding:4px 0 !important;}
  .sampro-v7-logo{width:190px !important;min-width:190px !important;}
  .v7-hero__copy h1{font-size:30px !important;}
  .v7-hero__copy p{font-size:14px !important;}
}