/* iScOoTeR V49 — faithful responsive tuning for approved right-hand reference */
@media (min-width:1081px){
  .iscooterBrandV45 .shell{max-width:1480px}
  .iscooterBrandV45 .nav{padding-inline:26px}
  .v48Hero{min-height:650px;padding-top:48px;padding-bottom:36px}
  .v48HeroCopy{max-width:610px}
  .v48Hero h1{font-size:clamp(68px,6vw,96px)}
  .v48Visual{min-height:560px}
  .v48Lifestyle{inset:42px 100px 10px 0}
  .v48Phone{width:260px;right:8px;top:16px}
  .v48Benefits{margin-top:-34px}
}
@media (max-width:900px){
  .iscooterBrandV45 .nav{padding:10px 14px!important;justify-content:space-between!important}
  .iscooterBrandV45 .brand.iscooterBrand{width:92px!important;margin:0!important}
  .iscooterBrandV45 .navlinks{display:none!important}
  .iscooterBrandV45 .nav-actions{margin-left:auto!important;flex:0 1 auto!important;gap:8px!important}
  .iscooterBrandV45 .nav-actions>.btn{display:none!important}
  .iscooterBrandV45 .customerLocaleV35{flex:0 0 auto!important}
  .iscooterBrandV45 .customerLocaleV35 label{display:none!important}
  .iscooterBrandV45 .customerLocaleV35 select{width:88px!important;min-width:88px!important;padding:9px 28px 9px 10px!important}
  .v48Hero{grid-template-columns:1fr!important;margin:0!important;padding:30px 20px 26px!important;min-height:auto!important;border-radius:0!important}
  .v48HeroCopy{max-width:100%!important}
  .v48Eyebrow{font-size:11px!important;letter-spacing:2.2px!important}
  .v48Hero h1{font-size:clamp(44px,12vw,62px)!important;line-height:.93!important;letter-spacing:-2.5px!important;margin:15px 0 18px!important}
  .v48HeroLead{font-size:17px!important;line-height:1.45!important}
  .v48HeroActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important}
  .v48HeroActions .btn{min-width:0!important;min-height:50px!important;padding:12px!important;font-size:15px!important}
  .v48StoreRow{display:none!important}
  .v48Visual{min-height:390px!important;margin-top:18px!important}
  .v48Lifestyle{inset:20px 54px 6px 0!important;border-radius:30px 74px 28px 28px!important}
  .v48Riders{left:8px!important;right:62px!important;bottom:18px!important;gap:10px!important}
  .v48Rider{width:108px!important;height:205px!important;font-size:46px!important;border-radius:58px 58px 20px 20px!important}
  .v48Rider:after{font-size:54px!important;bottom:-9px!important}
  .v48Phone{width:160px!important;right:0!important;top:24px!important;border-radius:28px!important;padding:7px!important;transform:rotate(3deg)!important}
  .v48PhoneScreen{min-height:320px!important;border-radius:22px!important;padding:9px!important}
  .v48PhoneLogo{width:66px!important;height:66px!important;border-radius:14px!important}
  .v48PhoneMap{height:96px!important;border-radius:13px!important}
  .v48PhoneCard{padding:8px!important;font-size:11px!important;border-radius:12px!important}
  .v48PhoneBtn{padding:10px!important;font-size:12px!important}
  .v48Benefits{grid-template-columns:1fr 1fr!important;margin:-10px 0 18px!important;padding:10px!important;border-radius:20px!important}
  .v48Benefit{padding:7px 8px!important;font-size:12px!important;gap:8px!important}
  .v48Benefit i{width:34px!important;height:34px!important;font-size:18px!important}
  .v48Services{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .v48Service{min-height:84px!important;padding:13px!important;border-radius:17px!important}
  .v48Service i{font-size:31px!important}
  .v48Service h3{font-size:16px!important}
  .v48How{grid-template-columns:1fr 1fr!important;gap:14px!important;padding:22px 16px!important;border-radius:22px!important}
  .v48HowTitle{grid-column:1/-1!important}
  .v48HowTitle h2{font-size:38px!important}
  .v48Step:before{display:none!important}
}
@media (max-width:480px){
  .v48HeroActions{grid-template-columns:1fr!important}
  .v48Visual{min-height:360px!important}
  .v48Lifestyle{right:42px!important}
  .v48Riders{right:50px!important}
  .v48Rider{width:94px!important;height:188px!important;font-size:40px!important}
  .v48Phone{width:145px!important}
  .v48PhoneScreen{min-height:292px!important}
  .v48Services{grid-template-columns:1fr!important}
  .v48How{grid-template-columns:1fr!important}
}
/* V50 — replace placeholder rider shapes with actual existing visual asset */
.v48Lifestyle{
  background-image:linear-gradient(90deg,rgba(255,249,239,.12),rgba(255,255,255,0)),url('/src/branding/hero-legacy.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.v48Lifestyle:before{background:linear-gradient(90deg,rgba(255,249,239,.22),transparent 46%,rgba(217,240,222,.14))!important}
.v48Riders{display:none!important}
.v48Phone{z-index:4!important}
@media(max-width:900px){
 .v48Lifestyle{background-position:center top!important}
}