/* iScOoTeR V48 — bright brand system matching the approved mockup */
:root{--v48-ink:#062f35;--v48-petrol:#073f43;--v48-petrol2:#0a5a55;--v48-mint:#55cbaa;--v48-lime:#a8ef6b;--v48-cream:#fff9ef;--v48-cream2:#f7efe2;--v48-line:#d8dfd5;--v48-shadow:0 22px 60px rgba(20,67,61,.14)}
body.customer-v5{background:linear-gradient(180deg,#fffaf2 0%,#f7f2e8 58%,#eff6ed 100%);color:var(--v48-ink)}
body.customer-v5:before{display:none}
.iscooterBrandV45 .topline{height:4px;background:linear-gradient(90deg,#0a6a65,#55cbaa,#a8ef6b)}
.iscooterBrandV45 .nav{min-height:94px;padding:10px 0;background:#fffaf3!important;color:var(--v48-ink);border-bottom:1px solid #e5e2d9;box-shadow:0 8px 28px rgba(20,67,61,.06)}
.iscooterBrandV45 .brand.iscooterBrand{width:126px;border-radius:20px;background:transparent}
.iscooterBrandV45 .navlinks{gap:20px}
.iscooterBrandV45 .navlinks a{color:#0b3135;font-weight:800}
.iscooterBrandV45 .navlinks a:hover{color:#078a75}
.iscooterBrandV45 .btn-ghost{background:#fffaf3;border-color:#bfcac3;color:#0b3135;box-shadow:none}
.iscooterBrandV45 .btn-primary{background:linear-gradient(135deg,#b4f478,#78df8f);color:#073c37;border:0;box-shadow:0 10px 25px rgba(81,180,104,.22)}
.iscooterBrandV45 .customerLocaleV35{color:#153b3e}
.iscooterBrandV45 .customerLocaleV35 select{background:#fffaf3;color:#153b3e;border-color:#c6cec8}
.v48Hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);min-height:610px;margin:0 -18px;padding:54px clamp(28px,5vw,72px) 40px;overflow:hidden;background:
radial-gradient(circle at 52% 22%,rgba(255,255,255,.95),transparent 24%),
linear-gradient(110deg,#fff9ef 0%,#fffdf8 45%,#d9f0de 100%);border-bottom:1px solid #d6e3d7}
.v48Hero:before{content:"";position:absolute;left:-80px;bottom:-180px;width:520px;height:390px;border-radius:50%;background:linear-gradient(145deg,#63cbae,#a8ef6b);transform:rotate(18deg);opacity:.75}
.v48HeroCopy{position:relative;z-index:2;align-self:center;max-width:650px}
.v48Eyebrow{font-size:14px;font-weight:950;letter-spacing:3px;color:#0a5b58;text-transform:uppercase}
.v48Hero h1{font-size:clamp(52px,6.5vw,92px);line-height:.88;letter-spacing:-4px;margin:22px 0 24px;font-weight:950;color:#07363b}
.v48Hero h1 span{display:block;color:#198c70}
.v48HeroLead{max-width:590px;font-size:20px;line-height:1.45;color:#283f40;margin:0}
.v48HeroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.v48HeroActions .btn{min-width:220px;min-height:58px;font-size:17px;border-radius:18px}
.v48StoreRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.v48Store{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;background:#101313;color:#fff;border-radius:10px;font-weight:800;font-size:13px}
.v48Visual{position:relative;z-index:2;min-height:510px;display:grid;place-items:center}
.v48Lifestyle{position:absolute;inset:55px 95px 20px 0;border-radius:44px 120px 42px 42px;background:linear-gradient(160deg,#d7eadc,#f8f5ea);border:1px solid #cbdccf;overflow:hidden;box-shadow:var(--v48-shadow)}
.v48Lifestyle:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,transparent 0 14%,rgba(10,90,85,.08) 14% 15%,transparent 15% 42%,rgba(10,90,85,.07) 42% 43%,transparent 43%),
linear-gradient(0deg,transparent 0 68%,rgba(255,255,255,.72) 68% 70%,transparent 70%)}
.v48Riders{position:absolute;left:35px;right:65px;bottom:28px;display:flex;justify-content:center;align-items:flex-end;gap:18px}
.v48Rider{display:grid;place-items:center;width:176px;height:280px;border-radius:90px 90px 26px 26px;background:linear-gradient(180deg,#0b705f,#074840);box-shadow:0 22px 42px rgba(11,76,67,.22);font-size:76px;position:relative}
.v48Rider.light{background:linear-gradient(180deg,#fffaf0,#e7e7db)}
.v48Rider:after{content:"🛴";position:absolute;bottom:-12px;font-size:84px;filter:saturate(.8)}
.v48Phone{position:absolute;right:0;top:18px;width:245px;padding:10px;border-radius:40px;background:#091a1d;box-shadow:0 28px 65px rgba(0,0,0,.3);transform:rotate(4deg);border:1px solid #0d4649}
.v48PhoneScreen{min-height:480px;border-radius:31px;background:linear-gradient(180deg,#07555a,#07383e);padding:14px;color:white}
.v48PhoneLogo{width:92px;height:92px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:18px}
.v48PhoneMap{height:175px;border-radius:18px;background:
radial-gradient(circle at 25% 40%,#a8ef6b 0 7px,transparent 8px),
radial-gradient(circle at 70% 28%,#a8ef6b 0 7px,transparent 8px),
radial-gradient(circle at 68% 73%,#55cbaa 0 7px,transparent 8px),
linear-gradient(25deg,transparent 48%,rgba(255,255,255,.18) 49% 51%,transparent 52%),
linear-gradient(-30deg,transparent 48%,rgba(255,255,255,.15) 49% 51%,transparent 52%),#dfe9de}
.v48PhoneCard{margin-top:12px;padding:12px;border-radius:16px;background:#fffaf0;color:#103337}
.v48PhoneCard strong{display:flex;justify-content:space-between}.v48PhoneCard small{display:block;margin-top:6px;color:#54706d}
.v48PhoneBtn{margin-top:10px;display:block;text-align:center;padding:13px;border-radius:15px;background:linear-gradient(135deg,#b2f373,#78dd8f);color:#073a34;font-weight:950}
.v48Benefits{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:-38px 10px 24px;padding:14px 16px;border:1px solid #d9ddd5;border-radius:26px;background:rgba(255,251,244,.97);box-shadow:var(--v48-shadow)}
.v48Benefit{display:flex;align-items:center;gap:12px;padding:8px 18px;border-right:1px solid #d8ddd7;color:#17383a;font-weight:800}
.v48Benefit:last-child{border-right:0}.v48Benefit i{font-style:normal;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#e7f5d8;color:#08745f;font-size:24px}
.v48Services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 28px}
.v48Service{min-height:106px;padding:18px 20px;border:1px solid #e0ded4;border-radius:22px;background:linear-gradient(135deg,#fffaf1,#f4efe6);display:flex;align-items:center;gap:15px;color:#133538;box-shadow:0 10px 24px rgba(20,67,61,.06)}
.v48Service:first-child{background:linear-gradient(135deg,#e7f7c7,#cef3a1)}
.v48Service i{font-style:normal;font-size:42px}.v48Service h3{margin:0 0 4px;font-size:21px}.v48Service p{margin:0;color:#536c6a;font-size:13px}
.v48How{margin:26px 0 40px;padding:34px;border-radius:30px;background:linear-gradient(110deg,#084c4e,#0b5f59);color:#fff;display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:22px;align-items:center;overflow:hidden;position:relative}
.v48HowTitle h2{font-size:clamp(34px,4vw,54px);line-height:.95;margin:0}.v48HowTitle:after{content:"";display:block;width:150px;height:5px;border-radius:99px;background:#a8ef6b;margin-top:18px}
.v48Step{text-align:center;position:relative}.v48Step:before{content:"";position:absolute;left:-22px;top:29px;width:44px;height:2px;background:#7bdcc6}.v48Step:first-of-type:before{display:none}
.v48StepIcon{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff9ef;color:#0a5b58;font-size:26px}.v48Step b{display:block;margin-top:10px}.v48Step span{font-size:12px;color:#d4ebe4}
.iscooterBrandV45 .scooter-pick,.iscooterBrandV45 #karte,.flow-section,.two-cards,.bottom-banner{background:#fffaf3!important;color:#17383a!important;border-color:#d8dfd7!important}
.iscooterBrandV45 .quick-card,.how-card,.feature{background:linear-gradient(160deg,#fffaf2,#f5f1e7)!important;color:#17383a!important;border-color:#d8dfd7!important}
.iscooterBrandV45 .quick-card-head strong,.iscooterBrandV45 .quick-cost b,.section-title,.feature h2{color:#10383b!important}
.iscooterBrandV45 .quick-id,.iscooterBrandV45 .quick-meta,.iscooterBrandV45 .quick-cost,.iscooterBrandV45 .quick-estimate-row,.section-intro,.feature p{color:#617674!important}
.iscooterBrandV45 #karte .section-header{background:#fffaf3!important;color:#17383a!important;border-color:#d8dfd7!important}
.iscooterBrandV45 .map-sidebar{background:#f9f4ea!important;color:#17383a!important;border-color:#d8dfd7!important}
.iscooterBrandV45 .filter{background:#fffaf2!important;color:#17383a!important;border-color:#d8dfd7!important}
.iscooterBrandV45 .filter.active{background:#e7f5dc!important;border-color:#6bc9a6!important}
.iscooterBrandV45 footer{background:#073f43;color:#e9faf3}
@media(max-width:1080px){.v48Hero{grid-template-columns:1fr}.v48Visual{min-height:530px}.v48Benefits{grid-template-columns:repeat(3,1fr)}.v48Benefit{border-right:0}.v48Services{grid-template-columns:repeat(2,1fr)}.v48How{grid-template-columns:1fr 1fr}.v48HowTitle{grid-column:1/-1}}
@media(max-width:720px){.iscooterBrandV45 .nav{background:#fffaf3!important}.v48Hero{margin:0;padding:34px 18px 44px;min-height:auto}.v48Hero h1{font-size:clamp(48px,15vw,70px);letter-spacing:-3px}.v48HeroLead{font-size:17px}.v48HeroActions .btn{min-width:0;flex:1 1 100%}.v48Visual{min-height:480px}.v48Lifestyle{inset:55px 20px 10px 0}.v48Riders{left:12px;right:72px}.v48Rider{width:128px;height:230px;font-size:56px}.v48Rider:after{font-size:64px}.v48Phone{width:190px}.v48PhoneScreen{min-height:390px}.v48PhoneMap{height:130px}.v48Benefits{grid-template-columns:1fr 1fr;margin:-22px 0 20px}.v48Services{grid-template-columns:1fr}.v48How{grid-template-columns:1fr;padding:26px 18px}.v48HowTitle{grid-column:auto}.v48Step:before{display:none}}