.mwstore_cuenta .cuenta-layout{display:flex;min-height:100vh;}

.mwstore_cuenta .cuenta-menu{
  width:280px;
  background:#fff;
  border-right:1px solid #e5e5e5;
  padding:15px;
  transition:transform .3s ease;
}

.mwstore_cuenta .cuenta-contenido{flex:1;padding:40px;}
.mwstore_cuenta .panel{display:none;}
.mwstore_cuenta .panel.activo{display:block;}

/* SECCIONES */
.mwstore_cuenta .cuenta-seccion{border:1px solid #e6e6e6;border-radius:12px;margin-bottom:14px;overflow:hidden;}
.mwstore_cuenta .cuenta-seccion-titulo{
  width:100%;padding:14px;background:#f8f9fb;border:none;
  display:flex;align-items:center;font-weight:600;cursor:pointer;
}
.mwstore_cuenta .cuenta-seccion-titulo i:first-child{margin-right:10px;}
.mwstore_cuenta .flecha{margin-left:auto;transition:.3s;}
.mwstore_cuenta .cuenta-seccion.abierta .flecha{transform:rotate(180deg);}

.mwstore_cuenta .cuenta-links{
  max-height:500px;
  overflow:hidden;
  transition:max-height .35s ease, opacity .25s ease;
  opacity:1;
}

/* cuando está cerrada */
.mwstore_cuenta .cuenta-seccion:not(.abierta) .cuenta-links{
  max-height:0;
  opacity:0;
  padding:0;
}

.mwstore_cuenta .cuenta-link{
  width:100%;padding:10px 18px;border:none;background:none;
  text-align:left;border-left:4px solid transparent;cursor:pointer;
}
.mwstore_cuenta .cuenta-link:hover{background:#EBEBEB;color:#000;}
.mwstore_cuenta .cuenta-link.activo{
  background:#EBEBEB;color:#000;font-weight:600;
  border-left:4px solid #374151;
}

/* ===== TOPBAR ===== */
.mwstore_cuenta .topbar-movil{
  display:none;
  top:0;left:0;width:100%;
  background:#fff;border-bottom:1px solid #e5e5e5;
  align-items:center;padding:10px;
}
.mwstore_cuenta .topbar-titulo{font-weight:600;margin-left:15px;}

.mwstore_cuenta .btn-menu{
  background:#374151;color:#fff;border:none;
  width:42px;height:42px;border-radius:10px;font-size:18px;
}


  .mwstore_cuenta .topbar-movil-close{
	display:none;
	padding-bottom:15px;
  }
/* ===== RESPONSIVE ===== */
@media (max-width:1024px){

  .mwstore_cuenta .topbar-movil{display:flex;}

  .mwstore_cuenta .cuenta-contenido{padding:20px 20px 20px;}

  .mwstore_cuenta .cuenta-menu{
    position: fixed;
    left: 0;
    width: 280px;
    top:0;
    height: 100vh;   /* altura real de pantalla */
    overflow-y: auto;             /* scroll vertical */
    -webkit-overflow-scrolling: touch; /* scroll suave en iOS */

    transform: translateX(-100%);
    z-index: 1100;
    box-shadow: 4px 0 20px rgba(0,0,0,.15);
    padding-bottom:20px;
  }

  .mwstore_cuenta .cuenta-menu.abierto{transform:translateX(0);}

  
  .mwstore_cuenta .topbar-movil-close{
	display:block;
  }
   
	.mwstore_cuenta .topbar-movil{
	  display:block;
	}
}