/* V51 — navigation, benefit rail and vehicle cards aligned to approved reference */
@media (min-width:901px){
  .iscooterBrandV45 .nav{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
    min-height:96px!important;
    padding:10px 28px!important;
  }
  .iscooterBrandV45 .brand.iscooterBrand{
    width:150px!important;
    justify-self:start!important;
  }
  .iscooterBrandV45 .navlinks{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:0!important;
  }
  .iscooterBrandV45 .navlinks a{
    padding:11px 13px!important;
    border-radius:14px!important;
    white-space:nowrap!important;
    font-size:13px!important;
    transition:.18s ease!important;
  }
  .iscooterBrandV45 .navlinks a:hover{
    background:#edf6ec!important;
    transform:translateY(-1px)!important;
  }
  .iscooterBrandV45 .navlinks a:nth-child(4){
    background:linear-gradient(135deg,#0d6c63,#168a75)!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(10,90,85,.18)!important;
  }
  .iscooterBrandV45 .nav-actions{
    justify-self:end!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  .iscooterBrandV45 .nav-actions .btn{
    padding:11px 14px!important;
    min-height:44px!important;
    border-radius:15px!important;
    font-size:13px!important;
  }
  .iscooterBrandV45 .customerLocaleV35{
    order:-1!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  .iscooterBrandV45 .customerLocaleV35 label{display:none!important}
  .iscooterBrandV45 .customerLocaleV35 select{
    min-width:88px!important;
    width:88px!important;
    border-radius:15px!important;
    min-height:44px!important;
  }
}
.v48Benefits{
  padding:12px 22px!important;
  border-radius:28px!important;
  background:#fffaf4!important;
  border:1px solid #e0e1d9!important;
  box-shadow:0 18px 48px rgba(20,67,61,.12)!important;
}
.v48Benefit{
  justify-content:center!important;
  min-height:64px!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.v48Benefit i{
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  color:#0b675c!important;
  background:linear-gradient(145deg,#e9f8d8,#d8f0cd)!important;
  box-shadow:inset 0 0 0 1px #c8e1c2!important;
}
.v48Services{gap:14px!important}
.v48Service{
  position:relative!important;
  min-height:112px!important;
  padding:18px 56px 18px 20px!important;
  overflow:hidden!important;
  border:1px solid #e3dfd4!important;
  background:linear-gradient(135deg,#fffaf2,#f5eee4)!important;
  box-shadow:0 10px 28px rgba(20,67,61,.07)!important;
  transition:.18s ease!important;
}
.v48Service:first-child{
  background:linear-gradient(135deg,#e9f8c9,#d3f3aa)!important;
}
.v48Service:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(20,67,61,.12)!important;
}
.v48Service:after{
  content:"→";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fffdf8;
  border:1px solid #d9ddd6;
  color:#0a5b58;
  font-size:22px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(20,67,61,.08);
}
.v48Service h3{font-size:20px!important;font-weight:900!important}
.v48Service p{font-size:13px!important;color:#4f6966!important}
.v48How{
  margin-top:24px!important;
  border-radius:30px!important;
  background:linear-gradient(110deg,#08494c 0%,#0a625b 72%,#0f7770 100%)!important;
  box-shadow:0 18px 42px rgba(5,68,64,.18)!important;
}
.v48HowTitle h2{font-weight:950!important;letter-spacing:-1.5px!important}
.v48StepIcon{
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
@media(max-width:900px){
  .v48Benefits{padding:10px!important}
  .v48Service{padding-right:52px!important}
}