/* V54 — final top-section polish toward approved right-hand reference */
@media (min-width:1200px){
  .iscooterBrandV45 .nav{
    min-height:88px!important;
    padding:6px 18px!important;
    border-radius:0!important;
  }
  .iscooterBrandV45 .brand.iscooterBrand{
    width:148px!important;
    margin-left:4px!important;
  }
  .iscooterBrandV45 .navlinks{
    gap:4px!important;
  }
  .iscooterBrandV45 .navlinks a{
    padding:10px 12px!important;
    font-size:12.5px!important;
  }
  .iscooterBrandV45 .nav-actions .btn{
    min-height:42px!important;
    padding:10px 13px!important;
  }
  .v48Hero{
    grid-template-columns:minmax(470px,.9fr) minmax(700px,1.2fr)!important;
    min-height:610px!important;
    padding:30px 34px 28px 50px!important;
  }
  .v48HeroCopy{max-width:600px!important}
  .v48Hero h1{
    font-size:clamp(70px,5.6vw,94px)!important;
    letter-spacing:-3.8px!important;
  }
  .v48HeroLead{
    max-width:540px!important;
    font-size:18px!important;
  }
  .v48Visual{
    min-height:545px!important;
  }
  .v48Lifestyle{
    inset:8px 108px 8px 0!important;
    border-radius:26px 88px 26px 26px!important;
    background-position:center 40%!important;
    box-shadow:0 24px 54px rgba(20,67,61,.15)!important;
  }
  .v48Phone{
    width:246px!important;
    right:0!important;
    top:6px!important;
    transform:rotate(2.6deg)!important;
    box-shadow:0 28px 58px rgba(0,0,0,.28)!important;
  }
}
.v48Hero{
  background:
    radial-gradient(circle at 52% 22%,rgba(255,255,255,.92),transparent 22%),
    linear-gradient(108deg,#fff8ee 0%,#fffdf8 46%,#dff0df 100%)!important;
}
.v48Hero:before{
  opacity:.58!important;
  left:-110px!important;
  bottom:-190px!important;
}
.v48Eyebrow{
  color:#0b5f58!important;
}
.v48PhoneScreen{
  background:linear-gradient(180deg,#0c5a59 0%,#07383e 100%)!important;
}
.v48PhoneMap{
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 0 0 1px rgba(7,63,67,.08)!important;
}
.v48PhoneCard{
  box-shadow:0 6px 16px rgba(0,0,0,.08)!important;
}
@media (max-width:900px){
  .iscooterBrandV45 .nav{
    min-height:72px!important;
  }
  .iscooterBrandV45 .brand.iscooterBrand{
    width:74px!important;
  }
  .v48Hero{
    padding:22px 18px 24px!important;
  }
  .v48Hero h1{
    margin-top:14px!important;
    font-size:clamp(40px,11vw,56px)!important;
  }
  .v48HeroLead{
    font-size:16px!important;
  }
  .v48Visual{
    min-height:340px!important;
  }
  .v48Lifestyle{
    inset:14px 44px 4px 0!important;
    border-radius:22px 56px 22px 22px!important;
  }
  .v48Phone{
    width:134px!important;
    top:16px!important;
  }
}
@media(max-width:480px){
  .v48Visual{min-height:325px!important}
  .v48Phone{width:128px!important}
}
