/* Stepsel v45 — solid floating header for iPhone and small screens */
@media (max-width:700px){
  header,
  header.scrolled{
    top:max(8px,env(safe-area-inset-top))!important;
    right:10px!important;
    left:10px!important;
    width:auto!important;
    height:62px!important;
    min-height:62px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:18px!important;
    background:#111116!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 0 1px rgba(192,0,255,.04)!important;
    transform:translateZ(0);
    overflow:visible;
  }

  header.scrolled{
    border-color:rgba(192,0,255,.22)!important;
    background:#111116!important;
  }

  header .header-inner{
    width:100%!important;
    min-height:60px!important;
    padding:0 9px 0 12px!important;
  }

  header .brand.real-logo{
    width:148px!important;
    height:43px!important;
  }

  header .nav-contact{
    padding:10px 13px!important;
    background:#17171d!important;
  }

  header .nav-status{display:none!important}
  .hero{padding-top:104px!important}
}


/* Stepsel multilingual + footer additions */
.language-switch{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  white-space:nowrap;
}
.language-switch a{
  opacity:.48;
  text-decoration:none;
}
.language-switch a.active{opacity:1;color:#fff}
.language-switch span{opacity:.25}

.stepsel-footer{
  align-items:flex-start;
  gap:28px;
}
.footer-brand{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.footer-extra{
  display:flex;
  gap:12px;
  flex:1;
  justify-content:center;
}
.footer-extra>a{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-width:240px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  text-decoration:none;
}
.footer-extra>a strong{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.footer-extra>a span{
  font-size:12px;
  line-height:1.45;
  opacity:.58;
}
.footer-extra>a:hover{
  border-color:rgba(192,0,255,.5);
}

@media(max-width:900px){
  .stepsel-footer,.footer-extra{
    flex-direction:column;
  }
  .footer-extra{
    width:100%;
  }
  .footer-extra>a{
    max-width:none;
    width:100%;
  }
}

@media(max-width:760px){
  .language-switch{
    margin-left:auto;
    margin-right:8px;
  }
}