/* V58 — real clickable navigation while preserving locked V57 design */
.homeMobileNavV58{display:none}
.iscooterBrandV45 .navlinks a:first-child{
  background:linear-gradient(135deg,#0d6c63,#168a75)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(10,90,85,.15)!important;
}
.iscooterBrandV45 .navlinks a:nth-child(4){
  background:transparent!important;
  color:#0b3135!important;
  box-shadow:none!important;
}
.iscooterBrandV45 .navlinks a:nth-child(4):hover{
  background:#edf6ec!important;
}
#soFunktionierts,#scooterAuswahl,#karte,#hilfe{scroll-margin-top:110px}
@media(max-width:900px){
  body.customer-v5{padding-bottom:82px!important}
  .homeMobileNavV58{
    position:fixed;
    left:50%;
    bottom:max(10px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    z-index:80;
    width:min(480px,calc(100% - 20px));
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
    padding:7px;
    border:1px solid #d6e2d8;
    border-radius:23px;
    background:rgba(255,253,248,.96);
    backdrop-filter:blur(18px);
    box-shadow:0 12px 36px rgba(20,67,61,.16);
  }
  .homeMobileNavV58 a{
    min-height:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:17px;
    color:#47615e;
    text-decoration:none;
    font-size:10px;
    line-height:1.1;
  }
  .homeMobileNavV58 a:first-child{background:#e8f5dc;color:#0a675f}
  .homeMobileNavV58 span{font-size:19px}
  .homeMobileNavV58 b{font-size:10px}
}