/* V57 — lock approved reference design across desktop + mobile */
:root{
  --v57-cream:#fff8ef;
  --v57-cream2:#f7f0e5;
  --v57-petrol:#073f43;
  --v57-petrol2:#0b6b61;
  --v57-mint:#55cbaa;
  --v57-lime:#a8ef6b;
  --v57-ink:#07373a;
  --v57-line:#dbe2da;
}
body.customer-v5{background:linear-gradient(180deg,#fff8ef 0%,#f7f0e5 66%,#eef6ed 100%)!important}
.iscooterBrandV45 .nav{background:#fff9f1!important}
.iscooterBrandV45 .navlinks a{color:#0b3135!important}
.v48Hero{
  background:linear-gradient(108deg,#fff8ef 0%,#fffdf7 45%,#dfeede 100%)!important;
  border-bottom:1px solid var(--v57-line)!important;
}
.v48Hero h1{color:#07363b!important}
.v48Hero h1 span{color:#198c70!important}
.v48HeroLead{color:#263f3f!important}
.v48HeroActions .btn:first-child{background:linear-gradient(135deg,#0b5f5a,#0b7b6c)!important;color:#fff!important}
.v48HeroActions .btn:nth-child(2){background:linear-gradient(135deg,#dff7b7,#9eea79)!important;color:#0b3a35!important}
.v48Benefits{background:#fffaf4!important;border-color:#e0e1d9!important}
.v48Service{background:linear-gradient(135deg,#fffaf2,#f4eee5)!important;border-color:#e3dfd4!important}
.v48Service:first-child{background:linear-gradient(135deg,#eaf9ca,#d7f4ad)!important}
.v48How{background:linear-gradient(110deg,#08494c,#0a625b 72%,#0f7770)!important;color:#fff!important}
.v48HowTitle h2,.v48Step b{color:#fff!important}
.v48PhoneScreen{background:linear-gradient(180deg,#0c5a59,#07383e)!important}
.v48PhoneBtn{background:linear-gradient(135deg,#aef36d,#78df8f)!important;color:#073a34!important}
@media(min-width:1100px){
  .iscooterBrandV45 .shell{max-width:1536px!important;padding:0 26px!important}
  .iscooterBrandV45 .nav{min-height:92px!important;padding:8px 22px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:22px!important}
  .iscooterBrandV45 .brand.iscooterBrand{width:150px!important}
  .iscooterBrandV45 .navlinks{display:flex!important;justify-content:center!important;gap:4px!important}
  .iscooterBrandV45 .navlinks a{padding:10px 12px!important;font-size:13px!important;border-radius:14px!important}
  .iscooterBrandV45 .navlinks a:nth-child(4){background:linear-gradient(135deg,#0d6c63,#168a75)!important;color:#fff!important}
  .v48Hero{grid-template-columns:.9fr 1.2fr!important;min-height:620px!important;padding:32px 36px 28px 54px!important}
  .v48HeroCopy{max-width:600px!important}
  .v48Hero h1{font-size:clamp(72px,5.7vw,96px)!important;line-height:.9!important;letter-spacing:-3.8px!important;margin:18px 0 18px!important}
  .v48HeroLead{font-size:18px!important;max-width:550px!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}
  .v48Phone{width:246px!important;right:0!important;top:6px!important;transform:rotate(2.6deg)!important}
}
@media(max-width:900px){
  .iscooterBrandV45 .nav{min-height:72px!important;padding:8px 12px!important;justify-content:space-between!important}
  .iscooterBrandV45 .brand.iscooterBrand{width:76px!important}
  .iscooterBrandV45 .navlinks{display:none!important}
  .iscooterBrandV45 .nav-actions>.btn{display:none!important}
  .iscooterBrandV45 .customerLocaleV35 label{display:none!important}
  .iscooterBrandV45 .customerLocaleV35 select{width:86px!important;min-width:86px!important;border-radius:14px!important}
  .v48Hero{grid-template-columns:1fr!important;margin:0!important;padding:22px 18px 24px!important;min-height:auto!important}
  .v48Eyebrow{font-size:11px!important;letter-spacing:2px!important}
  .v48Hero h1{font-size:clamp(42px,11vw,58px)!important;line-height:.93!important;letter-spacing:-2.5px!important;margin:14px 0 16px!important}
  .v48HeroLead{font-size:16px!important;line-height:1.45!important}
  .v48HeroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important}
  .v48HeroActions .btn{width:100%!important;min-height:50px!important}
  .v48StoreRow{display:none!important}
  .v48Visual{min-height:340px!important;margin-top:16px!important}
  .v48Lifestyle{inset:14px 44px 4px 0!important;border-radius:22px 56px 22px 22px!important;background-position:center 38%!important}
  .v48Phone{width:134px!important;right:0!important;top:16px!important;transform:rotate(2.5deg)!important}
  .v48PhoneScreen{min-height:276px!important;padding:8px!important}
  .v48PhoneLogo{width:56px!important;height:56px!important}
  .v48PhoneMap{height:80px!important}
  .v48PhoneCard{font-size:10px!important;padding:7px!important}
  .v48PhoneBtn{font-size:11px!important;padding:9px!important}
  .v48Benefits{grid-template-columns:1fr 1fr!important;margin:-8px 0 18px!important;padding:10px!important}
  .v48Services{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .v48How{grid-template-columns:1fr 1fr!important;padding:22px 16px!important}
  .v48HowTitle{grid-column:1/-1!important}
}
@media(max-width:520px){
  .v48Services{grid-template-columns:1fr!important}
  .v48How{grid-template-columns:1fr!important}
  .v48HowTitle{grid-column:auto!important}
}