/* Beállítások menü csoportosítása – csak a settings-nav megjelenését módosítja. */
.settings-nav.settings-nav-grouped{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
  overflow:visible!important;
}
.settings-nav.settings-nav-grouped>.settings-nav-section-label{
  display:block;
  margin:16px 12px 5px;
  color:#8a938d;
  font-size:9px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:1.15px;
  text-transform:uppercase;
  user-select:none;
}
.settings-nav.settings-nav-grouped>.settings-nav-section-label:first-child{margin-top:0}
.settings-nav.settings-nav-grouped>button{
  order:initial!important;
  width:100%;
  min-width:0;
}

@media (max-width:760px){
  .settings-nav.settings-nav-grouped{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 10px!important;
    overflow:visible!important;
  }
  .settings-nav.settings-nav-grouped>.settings-nav-section-label{
    grid-column:1/-1;
    margin:16px 2px 2px;
    color:#78901f;
    font-size:9px;
    letter-spacing:1.25px;
  }
  .settings-nav.settings-nav-grouped>.settings-nav-section-label:first-child{margin-top:0}
  .settings-nav.settings-nav-grouped>button{
    justify-content:flex-start!important;
    gap:9px!important;
    min-height:50px;
    padding:10px 11px!important;
    border:1px solid #e3e8e4!important;
    border-radius:12px!important;
    background:#fff!important;
    font-size:11px!important;
    line-height:1.25;
    white-space:normal;
    box-shadow:0 2px 7px rgba(25,39,31,.025);
  }
  .settings-nav.settings-nav-grouped>button:hover{
    background:#f8faF6!important;
    border-color:#dce4d9!important;
  }
  .settings-nav.settings-nav-grouped>button.active{
    background:var(--purple-soft)!important;
    border-color:#dceca9!important;
    color:var(--purple)!important;
    box-shadow:none;
  }
  .settings-nav.settings-nav-grouped>button svg,
  .settings-nav.settings-nav-grouped>button .bankcard-menu-icon{
    display:block!important;
    flex:0 0 auto;
  }
}

@media (max-width:360px){
  .settings-nav.settings-nav-grouped{gap:7px}
  .settings-nav.settings-nav-grouped>button{padding:9px!important;font-size:10.5px!important}
}